我无法正确配置 cssmin。在这种特定情况下,我正在尝试使用 cssmin 以便从两个不同的 css 文件开始创建 2 个不同的 css 缩小文件。在终端上使用咕噜声 --verbose 我得到:
Running "cssmin:foo" (cssmin) task
Verifying property cssmin.foo exists in config...OK
File: [no files]
>> No files created.
Running "cssmin:bar" (cssmin) task
Verifying property cssmin.bar exists in config...OK
File: [no files]
>> No files created
这是文件的树:
- /咕噜
- 咕噜.js /
- css/foo.css /
- css/bar.css
- /生产/
这是Gruntfile中的配置.js
var config = {};
config.cssmin = {
foo: {
target: {
files: [{
expand: true,
cwd: 'production/productionext',
src: 'css/foo.css',
dest: 'production/productionext',
ext: '.min.css'
}]
}
},
bar: {
target: {
files: [{
expand: true,
cwd: 'production/productionmy',
src: 'css/bar.css',
dest: 'production/productionmy',
ext: '.min.css'
}]
}
};
grunt.initConfig(config);
grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.registerTask('default', [
'cssmin:foo',
'cssmin:bar'
]);
cwd 属性设置一个当前工作目录,然后您的 src 路径将相对于该目录。在您的示例中,它将在"production/productionmy/css/foo.css"中查找您的第一个源文件。
此外,您不需要foo和bar中的"目标"位,foo和bar是目标,因此它应如下所示:
foo: {
files: [{
expand: true,
cwd: 'css',
src: 'foo.css',
dest: 'production/productionext',
ext: '.min.css'
}]
},
bar: {
files: [{
expand: true,
cwd: 'css',
src: 'bar.css',
dest: 'production/productionmy',
ext: '.min.css'
}]
}
如果要在缩小过程中重命名文件,请使用以下语法:
foo: {
files: {
'production/productionext/someothername.min.css': 'css/foo.css'
}
},