生成環境中grunt的壓縮使用

1.package.json

,

"dependencies": ,
"devdependencies": ,
"keywords": [
"kxll",
"mweb"
],"author": "cheonghu"
,  "license": "isc"
}

module.exports = function

(grunt) ,
src: ['<%=pkg.mweb%>/templates/dev/**/*.html']}},
csslint: ,
jshint: ,
imagemin: ,
files: [
'], // 優化 img 目錄下所有 png/jpg/jpeg 
dest: '<%=pkg.mweb%>/images/'
// 優化後的儲存位置，預設覆蓋
},'], // 優化 img 目錄下所有 png/jpg/jpeg 
dest: '<%=pkg.wxres%>/'
// 優化後的儲存位置，預設覆蓋},]
}},
concat: ,
/* 合併 js 檔案 */
common_js:,
},htmlmin: ,
files:  
},},
cssmin: ,
minify: ,]}
},uglify: ,,],
},},
watch: '],
tasks:['imagetask'],
options: 
},css: ,
tasks:['csstask'],
files: [
'<%=pkg.mweb%>/css/dev/**/*.css',]},
js: ,
tasks:['jstask'],
files: ['gruntfile.js','<%=pkg.mweb%>/js/dev/**/*.js',
'<%=pkg.common%>/js/dev/**/*.js']
},html: ,
tasks:['htmltask'],
files: ['<%=pkg.mweb%>/template/**/*.html']}}
});grunt.loadnpmtasks('grunt-contrib-livereload');
grunt.loadnpmtasks('grunt-htmlhint');
grunt.loadnpmtasks('grunt-contrib-csslint');
grunt.loadnpmtasks('grunt-contrib-jshint');
grunt.loadnpmtasks('grunt-contrib-concat');
grunt.loadnpmtasks('grunt-contrib-htmlmin');
grunt.loadnpmtasks('grunt-contrib-cssmin');
grunt.loadnpmtasks('grunt-contrib-imagemin');
grunt.loadnpmtasks('grunt-contrib-uglify');
grunt.loadnpmtasks('grunt-contrib-watch');
// 定義預設任務
grunt.registertask('default', ['imagetask','htmltask','csstask','jstask']);
//註冊監聽任務
grunt.registertask('watchtask', ['watch']);
grunt.registertask('imagetask', ['imagemin']);
grunt.registertask('htmltask',['htmlhint','htmlmin']);
grunt.registertask('jstask', ['jshint','concat:common_js','uglify']);
grunt.registertask('csstask', ['csslint','concat:main_css','cssmin']);
};

Grunt環境搭建和簡單壓縮嘗試

當然了，得先安裝nodejs的npm管理 node v 顯示node版本 npm v 顯示npm包管理工具 安裝grunt構建工具，先全域性安裝後進入專案安裝grunt npm install g grunt cli npm install g grunt 3 問題 進入專案目錄檢視grunt的安裝...

使用grunt合併壓縮js css檔案

需要了解的知識 1 nodejs的安裝與命令列使用 2 nodejs安裝應用 3 grunt的初步了解 本文已假定讀者已經熟悉以上知識。好，我們繼續 任務1 將src目錄下的所有zepto及外掛程式合併，並壓縮。src ajax.js assets.js callbacks.js data.js d...

使用Grunt和Bower壓縮靜態檔案

1 拷貝 將框架 angulr拷貝到d盤，例如 d angulr。刪除d angulr src資料夾下面的 將需要壓縮的靜態檔案到d angulr src下面。2 安裝node.js 請根據不同平台系統選擇需要的node.js安裝包。3 安裝grunt 開啟命令視窗cmd，進入d angulr資料夾...