0

我只是第一次尝试使用 autoprefixer，但任务只是挂起并且没有错误输出，因此很难调试。

我安装grunt-postcss并autoprefixer按照autoprefixer github 页面上的说明进行操作：

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（尽管这个不仅挂起，而且还告诉我它已被弃用......），玩弄设置......但没有什么能让它变得更好。它总是挂起，没有任何反应。

任何帮助将不胜感激，因为我认为一旦我得到这个工作将成为我的项目中必须的;）

4

1 回答 1

1

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

只需重命名您的任务：

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

并使用该名称运行 grunt：

grunt some-other-name

它应该工作得很好

于 2015-12-29T14:40:35.217 回答