grunt uglify的 多js文件的压缩
先安装全局的grunt 输入npm install -g grunt -cli然后按下面的配置1、package.json的配置 { "name": "ui", "version": "0.1.0", "description": "ui", "license": "MIT", "devDependencies": {
先安装全局的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就可以压缩了。
好用了 给个赞!

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)