无法使grunt-postcss和autoprefixer工作

时间:2015-12-29 14:13:47

标签: javascript node.js gruntjs postcss

我只是第一次尝试使用autoprefixer,但是任务只是挂起而且没有错误输出,所以很难调试。

我按照autoprefixer github page上的说明安装了grunt-postcssautoprefixer

npm install --save-dev grunt-postcss autoprefixer

添加到我的package.json "autoprefixer": "^6.2.2""grunt-postcss": "^0.7.1"

我的Gruntfile.js看起来像这样:

module.exports = function(grunt) { 

  // Loading tasks
  grunt.loadNpmTasks('grunt-postcss');

  // Project configuration
  grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'),

    // Tasks
    postcss: {
      options: {
        processsors: [
          require('autoprefixer')({
            browsers: ['> 1%']
          })
        ]
      },
      dist: {
        src: 'src/css/apo_style.css'
      }
    }
  });

  // Registering tasks
  grunt.registerTask('postcss', ['postcss:dist']);

这似乎是一个非常简单直接的设置,但正如我所说的,每当我运行grunt postcss时,该过程都会以零反馈挂起。

我尝试过将.postcss添加到require行,卸载autoprefixer并安装autoprefixer-core之类的内容(虽然这个不仅会挂起,而且还告诉我它是不赞成......),玩弄了设置......但没有什么能让它变得更好。它总是挂起而没有任何反应。

任何帮助都会非常感激,因为我认为一旦我开始工作将成为我项目中必须的;)

1 个答案:

答案 0 :(得分:1)

你有两个同名的任务,这打破了咕噜声。

只需重命名您的任务:

grunt.registerTask('some-other-name', ['postcss:dist']);

用这个名字运行咕噜声:

grunt some-other-name

它应该可以正常工作