尝试让autoprefixer使用Grunt,Livereload和node-sass。
我似乎没有得到任何前缀。
下面是我的Gruntfile.js:
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
autoprefixer: {
options: {
browsers: ['last 8 versions'],
map: true
},
dist: {
files: {
'css/styles.css': 'css/styles.css'
}
}
},
// Sass to CSS
sass: {
app: {
files: [{
expand: true,
cwd: 'scss',
src: ['*.scss'],
dest: 'css',
ext: '.css'
}]
},
options: {
sourceMap: true,
outputStyle: 'nested',
imagePath: "../",
}
},
watch: {
sass: {
files: ['scss/{,*/}*.{scss,sass}'],
tasks: ['sass']
},
html: {
files: ['*.html']
},
options: {
livereload: true,
spawn: false
},
styles: {
files: ['css/styles.css'],
tasks: ['autoprefixer']
}
},
});
// Loads Grunt Tasks
grunt.loadNpmTasks('grunt-sass');
grunt.loadNpmTasks('grunt-autoprefixer');
grunt.loadNpmTasks('grunt-contrib-watch');
// Default task(s).
grunt.registerTask('default', ['autoprefixer','sass', 'watch']);
};
我确实看到我的grunt命令的输出说明了一个前缀的文件,但是当我打开css / styles.css时,我看不到前缀。
$ grunt
Running "autoprefixer:dist" (autoprefixer) task
>> 1 autoprefixed stylesheet created.
有什么想法吗?
答案 0 :(得分:0)
订单很重要......
grunt.registerTask('default', ['autoprefixer','sass', 'watch']);
应该是:
grunt.registerTask('default', ['sass', 'autoprefixer', 'watch']);
星期一快乐:)