Question

我无法正确配置cssmin。在这种特殊情况下，我试图确认cssmin，以便从两个不同的css文件开始创建2个不同的css缩小文件。在终端上使用 grunt --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

这是文件树：

/Gruntfile.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'
      ]);

Answer 1

cwd属性设置当前工作目录，然后您的src路径将相对于该目录。在您的示例中，它将在'production / productionmy / css / foo.css'中查找您的第一个源文件。

此外，你不需要foo和bar中的“target”位，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'
               }        
     },

grunt-contrib-cssmin没有创建文件

1 个答案: