我正在弄清楚咕噜声和指南针。我正在使用'grunt-contrib-compass'。
当我运行“grunt”并编辑我的 sass 时,grunt 报告:
文件“css/site.sass”已更改。完成,没有错误。
但是,我的目标样式表是空的。
我想我缺少一个配置选项,它告诉 grunt 将 css 文件写入何处。但我一直无法弄清楚如何完成配置。
这就是我所拥有的:
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
compass : {
dist: {
options : {
sassDir: 'sass',
cssDir: 'css',
imageDir: 'img',
fontsDir: 'fonts',
files : ['sass/*.sass'] ,
watch : 'true',
debugInfo: 'true',
force : 'true'
}
}
},
watch: {
sass: {
files: ['css/*.css', '*.php', 'templates*.php'],
tasks: ['compass']
},
options : {
livereload: true,
files: [
'css/site.css', 'js/*.js', '*.html', 'templates/*.php',
'*.php', 'assets/images/**/*.{png,jpg,jpeg,gif,webp,svg}'
]
}
}
});
grunt.loadNpmTasks('grunt-contrib-compass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('default',['watch', 'compass']);
}