当前位置:  开发笔记 > 编程语言 > 正文

Grunt可以在不串联的情况下分别缩小多个文件吗?

如何解决《Grunt可以在不串联的情况下分别缩小多个文件吗?》经验,为你挑选了1个好方法。

我有一个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。



1> JJJ..:

“ 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”将运行第二个目标。

推荐阅读
mobiledu2402851173
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有