用GruntJS合并、压缩CSS资源文件

合并、压缩CSS资源文件用到了grunt-contrib-concat、grunt-css插件，自己npm就可以了，下面直接呈上package.json、Gruntfile.js代码

 

package.json代码如下：

{
  "name": "BeJS",
  "version": "0.1.0",
  "devDependencies": {
    "grunt": "~0.4.0",
    "grunt-contrib-concat": "~0.1.1",
    "grunt-css":   ">0.0.0"
  }
} 
 

 

Gruntfile.js代码如下：

module.exports =  function(grunt) {
     //  配置
    grunt.initConfig({
        pkg : grunt.file.readJSON('package.json'),
        concat : {
            css : {
                src: ['src/asset/*.css'],
                dest: 'dest/asset/all.css'
            }
        },
        cssmin: {
            css: {
                src: 'dest/asset/all.css',
                dest: 'dest/asset/all-min.css'
            }
        }
    });
     //  载入concat和css插件，分别对于合并和压缩
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-css');
     //  默认任务
    grunt.registerTask('default', ['concat', 'cssmin']);
}; 

 

 最后执行grunt任务就ok了。