grunt壓縮合並代碼

module.exports = function(grunt) {
    // 配置
    grunt.initConfig({
        pkg : grunt.file.readJSON('package.json'),
        concat : {
            css : {
                src: ['css/*.css'],
                dest: 'css/all.css'
            },
            domop: {
                src: ['build/ga.js', 'build/h.js'],
                dest: 'dest/domop.js'
            }
        },
        cssmin: {
            css: {
                src: 'css/all.css',
                dest: 'css/all-min.css'
            }
        },
        uglify: {
            options: {
                banner: '\n'
            },
            bulid: {
                src: 'dest/domop.js',
                dest: 'dest/domop.min.js'
            }
        }
    });
    // 載入concat和css插件,分別對於合併和壓縮
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-css');
    // 默認任務
    grunt.registerTask('default', ['concat','cssmin',"uglify"]);
};

Gruntfile.js部分css

{
  "name": "zhaopin",
  "version": "1.0.0",
  "description": "1.0",
  "main": "Gruntfile.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "concat": "^1.0.0",
    "grunt": "~0.4.1",
    "grunt-contrib-concat": "^0.5.1",
    "grunt-contrib-cssmin": "^0.7.0",
    "grunt-css": "^0.5.4"
  }
}

package.json部分html

grunt-contrib-jshint(js語法檢查)、grunt-contrib-concat(js合併)、grunt-contrib-uglify(採用UglifyJS壓縮js)、grunt-contrib-cssmin(Css壓縮合並)、grunt-htmlhint(html語法驗查),以上都是經常使用的插件。json

相關文章
相關標籤/搜索