Bil*_*oon 2 css sass gruntjs yeoman
在我的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
}
}
},
Run Code Online (Sandbox Code Playgroud)
我已经开始分离出我的sass文件,并且只有一些文件只包含在最终的编译文件中.它们依赖于以前导入的东西,因此无法自行编译.我如何指导指南针,只能编译一个已经编译完好的一个根scss文件与所有组件部分,而不是用无用的额外css文件乱丢目录?