本文主要是介绍gulp压缩js应用示例,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
建立项目目录如下: |-test
|-build
|-js
|-idnex.js
|-main.js
|- gulpfile.js
|-index.html
其中gulpfile.js的文件代码如下:
var gulp = require("gulp");
var uglify = require("gulp-uglify");
var concat = require("gulp-concat");
/*var paths = {
script:["js/index.js","js/main.js"];
}*/
gulp.task("default",function(){
gulp.src("js/*.js");
//gulp.src(paths);
.pipe(uglify());
.pipe(concat("all.min.js"));
.pipe(gulp.dest("build"));
})
index.js中的代码如下:
var index = {};
index = {
test:function(argument){
console.log("test");
}
}
index.test();
main.js中的代码如下:
var main = main || {};
main.test = function(argument){
console.log("main test");
}
main.test();
在build文件夹中产生压缩文件all.min.js。
index.html中的代码如下:
<script type"text/javascript" src="build/all.min.js"></script>
这篇关于gulp压缩js应用示例的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!