Sass 如何使用scss文件的多个子目录设置gruntjs compass watch
使用compass watch和scss文件的多个子目录是否有gruntjs配置?我的文件夹结构如下所示:Sass 如何使用scss文件的多个子目录设置gruntjs compass watch,sass,gruntjs,compass-sass,Sass,Gruntjs,Compass Sass,使用compass watch和scss文件的多个子目录是否有gruntjs配置?我的文件夹结构如下所示: scss/ ie.scss modules/ _mixins.scss _settings.scss partials/ _forms.scss _grid.scss _typeography.scss _utilities.scss print.scss screen.scss vendor/ _font-a
scss/
ie.scss
modules/
_mixins.scss
_settings.scss
partials/
_forms.scss
_grid.scss
_typeography.scss
_utilities.scss
print.scss
screen.scss
vendor/
_font-awesome.min.scss
_pure-buttons.scss
_pure-forms.scss
如果我在scss
目录上设置了一个监视任务,它将在该级别监视这三个文件。我想要一个类似于此项目在CodeKit中运行时的设置,其中对由屏幕导入的文件所做的任何更改。scss
将触发所有CSS代码的刷新
因此,如果我在partials/\u typeography.scss
中更改了某些内容,我需要grunt来刷新屏幕.scss
,其中包含该部分的@import
语句。请检查此项
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
compass: {
clean: {
options: {
clean: true
}
},
dev: {
options: {
sassDir: ['sass'],
cssDir: ['css'],
environment: 'development',
force: true
}
},
prod: {
options: {
sassDir: ['sass'],
cssDir: ['css'],
environment: 'production',
force: true
}
}
},
watch: {
sass: {
files: ['sass/**/*.scss'],
tasks: ['compass:dev']
}
}
});
grunt.loadNpmTasks('grunt-contrib-compass');
grunt.registerTask('build', ['compass:prod']);
grunt.registerTask('default', ['watch']);
};
看看这个
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
compass: {
clean: {
options: {
clean: true
}
},
dev: {
options: {
sassDir: ['sass'],
cssDir: ['css'],
environment: 'development',
force: true
}
},
prod: {
options: {
sassDir: ['sass'],
cssDir: ['css'],
environment: 'production',
force: true
}
}
},
watch: {
sass: {
files: ['sass/**/*.scss'],
tasks: ['compass:dev']
}
}
});
grunt.loadNpmTasks('grunt-contrib-compass');
grunt.registerTask('build', ['compass:prod']);
grunt.registerTask('default', ['watch']);
};
sass/***.scss是我一直在寻找的。谢谢sass/***.scss是我一直在寻找的。谢谢