javascript - Grunt 可以单独缩小多个文件，而不将它们连接起来吗？

Question

我有一个 Sailsjs 项目，它内置了 Grunt。下面是 tasks/register/prod.js 的样子:

module.exports = function(grunt) {
  grunt.registerTask('prod', [
    'compileAssets',
    //'concat',
    'uglify',
    'cssmin',
    'sails-linker:prodJs',
    'sails-linker:prodStyles',
    //'sails-linker:devTpl',
    //'sails-linker:prodJsJade',
    //'sails-linker:prodStylesJade',
    //'sails-linker:devTplJade'
  ]);
};

这是我尝试让 Grunt 分别缩小文件 tasks/config/cssmin.js:

module.exports = function(grunt) {

  grunt.config.set('cssmin', {
    dist: {
      src: 'assets/css/test.css',
      dest: '.tmp/public/min/test.min.css'
    }
  });

  grunt.config.set('cssmin', {
    dist: {
      src: 'assets/css/main.css',
      dest: '.tmp/public/min/main.min.css'
    }
  });

  grunt.loadNpmTasks('grunt-contrib-cssmin');
};

这不能正常工作，它只给我 main.min.css(缩小)而不是 test.min.css。

Answer 1

“dist”不是语法的静态部分，它是目标的名称。您可以有任意多个目标，但不能有两个同名。

grunt.config.set('cssmin', {
  test: {
    src: 'assets/css/test.css',
    dest: '.tmp/public/min/test.min.css'
  },
  main: {
    src: 'assets/css/main.css',
    dest: '.tmp/public/min/main.min.css'
  }
});

运行“cssmin”执行两个目标，“cssmin:test”运行第一个，“cssmin:main”运行第二个。