我有一个能够使用less和autoprefixer的可用Gruntfile文件,'grunt watch'也可以正常工作。
在使用autoprefixer之前,我使用了less mixins来添加供应商前缀。 运行'grunt less'将生成带有所有前缀的工作CSS。
现在我有了autoprefixer,但是如果我想一次性构建我的样式,那么我现在必须运行'grunt less'然后再运行'grunt autoprefixer'才能获得带有前缀的工作CSS。
如何修改'grunt less'以便再次构建有效的、带有前缀的less样式?
我已经阅读了文档,并且知道我可以添加一个额外的任务来执行这些操作。 但是:
- 'grunt less'现在没有可用的输出。 任务应始终生成可用的输出。
- 我不想告诉其他人'grunt less'没有产生可用的输出
- 不需要添加其他任务来替换不起作用的任务
即,我只想要grunt less生成有效的CSS(带有前缀)。
module.exports = function(grunt) {
// Load Grunt tasks declared in the package.json file
require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);
// Configure Grunt
grunt.initConfig({
less: {
development: {
options: {
paths: ["./less"],
yuicompress: false
},
files: {
"./public/css/style.css": "./public/less/style.less"
}
}
},
autoprefixer: {
development: {
browsers: ['last 2 version', 'ie 9'],
expand: true,
flatten: true,
src: 'public/css/*.css',
dest: 'public/css'
}
},
watch: {
less: {
files: ["./public/less/*"],
tasks: ["less", "autoprefixer:development"],
options: {
livereload: true
}
}
},
});
};