我只是第一次尝试使用autoprefixer,但是任务只是挂起而且没有错误输出,所以很难调试。
我按照autoprefixer github page上的说明安装了grunt-postcss
和autoprefixer
:
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
之类的内容(虽然这个不仅会挂起,而且还告诉我它是不赞成......),玩弄了设置......但没有什么能让它变得更好。它总是挂起而没有任何反应。
任何帮助都会非常感激,因为我认为一旦我开始工作将成为我项目中必须的;)
答案 0 :(得分:1)
你有两个同名的任务,这打破了咕噜声。
只需重命名您的任务:
grunt.registerTask('some-other-name', ['postcss:dist']);
用这个名字运行咕噜声:
grunt some-other-name
它应该可以正常工作