grunt uglify的 多js文件的压缩
来源:互联网 发布:海岛奇兵科技数据大全 编辑:程序博客网 时间:2024/06/05 10:03
先安装全局的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就可以压缩了。
好用了 给个赞!
- grunt uglify的 多js文件的压缩
- Grunt插件之uglify--js代码压缩与合并
- grunt uglify 压缩中文乱码
- 笔记:grunt的构建以及js文件的合成&压缩
- webstorm 设置uglify 压缩js文件
- 使用gulp-uglify压缩js文件
- grunt压缩、合并css、js文件的配置信息
- gulp-uglify《JS压缩》
- grunt压缩js多个任务的样板
- grunt等工具uglify angularjs 控制器注入失败的问题
- grunt使用小记之uglify:最全的uglify使用DEMO
- grunt使用小记之uglify:最全的uglify使用DEMO
- grunt uglify
- js、css文件压缩例子-grunt
- Grunt实现css,js,images文件压缩
- Grunt 进行js,css文件合并,压缩
- grunt合并压缩js、css文件
- grunt合并压缩js,css文件
- es6转es5在线工具
- mysql导入数据(load data local infile)
- spring中scope作用域(转)
- IDEA插件JRebel安装配置与破解激活详细教程
- 师兄给的论文查询网址
- grunt uglify的 多js文件的压缩
- vs15下c++调用python module
- Django入门(四、Admin)
- ActionCable使用流程
- spring boot eurekaCenter 打成jar包
- 在命令行上调用notepad++
- 高等数学-导数
- 【NOIP2017提高A组冲刺11.8】好文章 ——联赛字符串算法复习
- Android --- 进程(二)---进程通讯的回调处理