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