我的csscomb运行良好，并且可以通过watch触发，但是有没有办法让csscomb仅针对我正在处理的scss文件而不是我项目中的所有文件运行？
这是我的Gruntgile.js。csscomb的设置很奇怪，因为我的sass文件位于两个根文件夹中。
module.exports = function (grunt) {
'use strict';
// load grunts tasks automatically
require('load-grunt-tasks')(grunt);
grunt.initConfig({
pkg: this.file.readJSON('package.json'),
info: {
sourceDir: '.',
stylesDir: '<%= info.sourceDir %>/styles',
images: '<%= info.sourceDir %>/images',
fonts: '<%= info.sourceDir %>/fonts',
scripts: '<%= info.uiDir %>/scripts',
svgDir: '<%= info.sourceDir %>/svg',
configFiles: '<%= info.sourceDir%>/configFiles',
sourceSass: '<%= info.src %>/<%= info.stylesDir %>',
sourceImages: '<%= info.sourceDir%>/<%= info.images %>',
sourceScripts: '<%= info.sourceDir%>/<%= info.scripts %>',
sourceSVG: '<%= info.sourceDir%>/<%= info.svgDir %>',
bowerDir: '<%= info.ui %>/bower_components'
},
clean: {
options: {
force: true
},
css: [
'<%= info.sourceDir %>/*.css'
],
js: [
'<%= info.sourceDir %>/*.js',
'<%= info.sourceDir %>/scripts/main.min.js'
],
icons: [
'<%= info.sourceDir %>/icons/'
]
},
grunticon: {
all: {
options: {
enhanceSVG: true
},
files: [{
expand: true,
cwd: '<%= info.sourceSVG %>',
src: ['*.svg', '*.png'],
dest: "<%= info.ui %>/icons"
}],
}
},
compass: {
options: {
config: '<%= info.configFiles %>/config.rb'
},
dev: {
options: {
sourcemap: true,
environment: 'development',
outputStyle: 'expanded'
}
},
prod: {
options: {
environment: 'production',
noLineComments: true,
outputStyle: 'compressed'
}
}
},
csscomb: {
options:{
config: '<%= info.configFiles %>/.csscomb.json'
},
components:{
expand: true,
cwd: './components/',
src: ['**/*.scss'],
dest: './components/'
},
styles: {
expand: true,
cwd: '<%= info.stylesDir %>',
src: ['**/*.scss'],
dest: '<%= info.stylesDir %>'
}
},
uglify: {
dev: {
options: {
sourceMap: true,
sourceMapName: 'sourceMap.map',
mangle: false,
beautify: true,
preserveComments: 'all',
quoteStyle: 3
},
src: [
'bower_components/foundation/js/vendor/fastclick.js',
'bower_components/foundation/js/foundation.min.js',
'scripts/global.js',
'components/**/*.js'
],
dest: 'scripts/main.min.js'
},
prod: {
}
},
jshint: {
options: {
force: true,
jshintrc: '<%= info.configFiles %>/.jshintrc'
},
all: [
'<%= info.sourceDir %>/components/**/*.js',
'<%= info.sourceDir %>/scripts/**/*.js',
'!<%= info.sourceDir %>/scripts/modernizr*.js',
'!<%= info.sourceDir %>/scripts/main.min.js'
]
},
jsbeautifier: {
options: {
config: '<%= info.configFiles %>/.jsbeautifyrc'
},
all: {
src: [
'<%= info.sourceDir %>/components/**/*.js'
]
}
},
watch: {
sass: {
files: [
'styles/**/*.scss',
'components/**/*.scss'
],
tasks: ['css']
},
js: {
files: [
'<%= info.sourceDir %>/components/**/*.js',
'!<%= info.sourceDir %>/scripts/**/*.js'
],
tasks: ['js']
}
}
});
grunt.registerTask('css', [
'csscomb',
'compass:dev'
]);
grunt.registerTask('js', [
'jsbeautifier:all',
'jshint:all',
'uglify:dev'
]);
grunt.registerTask('jsDev', [
'uglify:dev'
]);
grunt.registerTask('src', [
'grunticon',
'css',
'js'
]);
grunt.registerTask('dev', [
'clean:css',
'clean:icons',
'src',
'watch'
]);
};用 grunt-newer
https://github.com/tschaub/grunt-newer
然后将您的css任务更改为
grunt.registerTask('css', [
'newer:csscomb',
'compass:dev'
]);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句