码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-22 12:24:23      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:


合并、压缩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了。

 

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

标签:

原文地址:http://www.cnblogs.com/wuxiang/p/4666924.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!