zoukankan      html  css  js  c++  java
  • 用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了。

  • 相关阅读:
    mfc cef<转>
    js人形时钟
    opencv给图片添加文字水印<转>
    strcore.cpp(156) 内存泄漏
    WebAssembly相关
    mingw 搭建Emscripten 环境
    mingw 设置python 设置git环境变量
    android平台yuv缩放相关<转>
    多媒体基础知识之PCM数据《 转》
    iOS 5 故事板进阶(2)
  • 原文地址:https://www.cnblogs.com/wuxiang/p/4666924.html
Copyright © 2011-2022 走看看