Css 如何停止grunt compass任务编译用于包含的sass文件
在我的Gruntfile.js中,我对compass进行了以下配置Css 如何停止grunt compass任务编译用于包含的sass文件,css,sass,gruntjs,yeoman,Css,Sass,Gruntjs,Yeoman,在我的Gruntfile.js中,我对compass进行了以下配置 watch: { compass: { files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'], tasks: ['compass'] }, livereload: { files: [ '<%= yeoman.app %>/{,*/}*.html', '{.tmp,<%= yeoman
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
}
}
},
观察:{
指南针:{
文件:['/styles/{,*/}*{scss,sass}'],
任务:[“指南针”]
},
利弗雷罗德:{
档案:[
'/{,*/}*.html',
“{.tmp,}/styles/{,*/}*.css”,
“{.tmp,}/scripts/{,*/}*.js”,
“{.tmp,}/scripts/{,*/}*.json”,
“/images/{,*/}*{png,jpg,jpeg,gif,webp,svg}”
],
任务:['livereload']
}
},
... 更多的东西。。。
指南针:{
选项:{
sassDir:“/styles”,
cssDir:“/styles”,
imagesDir:“/images”,
javascriptsDir:“/scripts”,
fontsDir:“/styles/fonts”,
importPath:“/components”,
相对论:对
},
地区:{
},
服务器:{
选项:{
debugInfo:true
}
}
},
我已经开始分离我的sass文件,有些文件只打算包含在最终编译的文件中。它们依赖于以前导入的东西,因此无法自行编译。我如何才能在grunt中指示compass只编译一个根scss文件,该文件已经编译得很好,包含所有组件部分,而不在目录中乱放无用的额外css文件?在它们前面加上或使用以下选项:
用于指定要编译的文件。如果您不想编译整个文件夹,这将非常有用。支持全球化。忽略以下划线开头的文件名。文件必须位于您在sassDir
中指定的目录中
你能给这个信息添加一个链接吗?添加了几个链接。