grunt uglify的 多js檔案的壓縮
先安裝全域性的grunt
輸入npm install -g grunt -cli
然後按下面的配置
1、package.json的配置
{
"name": "ui",
"version": "0.1.0",
"description": "ui",
"license": "MIT",
"devDependencies": {
"grunt": "~0.4.1",
"grunt-contrib-jshint": "~0.6.3",
"grunt-contrib-concat": "~0.3.0",
"grunt-contrib-uglify": "~0.2.1",
"grunt-contrib-requirejs": "~0.4.1",
"grunt-contrib-copy": "~0.4.1",
"grunt-contrib-clean": "~0.5.0",
"grunt-strip": "~0.2.1"
},
"dependencies": {
"express": "3.x"
}
}
2、Gruntfile.js的配置
module.exports = function (grunt) {
// 構建任務配置
grunt.initConfig({
//讀取package.json的內容,形成個json資料
pkg: grunt.file.readJSON('package.json'),
//壓縮js
uglify: {
//檔案頭部輸出資訊
options: {
banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
},
my_target: {
files: [
{
expand: true,
//相對路徑
cwd: './',
src: './app/scripts/smartyStockPicking/*.js', // 你要壓縮的檔案的路徑
dest: './unify',// 輸出檔案的路徑
rename: function (dest, src) {
var folder = src.substring(0, src.lastIndexOf('/'));
var filename = src.substring(src.lastIndexOf('/'), src.length);
// var filename=src;
filename = filename.substring(0, filename.lastIndexOf('.'));
var fileresult=dest + folder + filename + '.min.js';
grunt.log.writeln("現處理檔案:"+src+" 處理後文件:"+fileresult);
return fileresult;
//return filename + '.min.js';
}
}
]
}
}
});
// 載入指定外掛任務
grunt.loadNpmTasks('grunt-contrib-uglify');
// 預設執行的任務
grunt.registerTask('default', 'uglify');
};
3、檔案的路徑一定要改成你自己的(你要壓縮的檔案路徑)
4、把檔案的放在要壓縮檔案的目錄同級下
輸入 npm install
5、輸入 grunt 就ok
其實沒那麼複雜!
多檔案js就可以壓縮了。
好用了 給個贊!