在我的Gruntfile.js中,我有罗盘的配置
watch: {
compass: {
files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'],
tasks: ['compass']
},
livereload: {
files: [
'<%= yeoman.app %>/{,*/}*.html',
'{.tmp,<%= yeoman.app %>}/styles/{,*/}*.css',
'{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.js',
'{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.json',
'<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
],
tasks: ['livereload']
}
},
... more stuff ...
compass: {
options: {
sassDir: '<%= yeoman.app %>/styles',
cssDir: '<%= yeoman.app %>/styles',
imagesDir: '<%= yeoman.app %>/images',
javascriptsDir: '<%= yeoman.app %>/scripts',
fontsDir: '<%= yeoman.app %>/styles/fonts',
importPath: '<%= yeoman.app %>/components',
relativeAssets: true
},
dist: {
},
server: {
options: {
debugInfo: true
}
}
},
我已经开始分离出我的sass文件,并且只有一些文件只包含在最终的编译文件中。它们依赖于以前导入的东西,因此无法自行编译。如何指导指南针,只能编译一个已经编译完好的一个根scss文件和所有组件部分,而不是用无用的额外css文件乱丢目录?
答案 0 :(得分:5)
使用underscore添加前缀或使用specify选项:
允许您指定要编译的文件。如果您不想编译整个文件夹,则很有用。支持Globbing。忽略以下划线开头的文件名。文件必须位于
中指定的目录中sassDir
。