构建工具 | Gulp压缩JavaScript文件

关于Gulp

Gulp 允许你使用现有 JavaScript 知识来书写 gulpfile 文件，或者利用你所掌握的 gulpfile 经验来书写普通的 JavaScript 代码。

可以使用需要转译的编程语言来书写 gulpfile 文件，例如 TypeScript 或 Babel

官方API文档

API Concepts · gulp.js 中文文档

关于Gulp的使用方法

// 创建一个gulp任务 gulp.task(str,fn)//文件来源 gulp.src(path)//操作之后的文件到哪里去 gulp.dest(path)//执行一个gulp功能.pipe(package)//监听 gulp.watch()//执行gulp任务 gulp.start()

如何压缩JavaScript文件

安装插件 npm install --save-dev gulp-uglify

创建压缩JavaScript文件目录dist/js

编写gulpfile.js文件 var jsUglify = require("gulp-uglify");// 压缩JavaScript任务 gulp.task("jsuglify",function(){// 压缩单个文件：gulp.src("src/js/demo.js")// 压缩多个文件：gulp.src(["src/js/demo.js","src/js/hello.js"])// 压缩某个目录下的含js的文件gulp.src("src/js/*.js").pipe(jsUglify()).pipe(gulp.dest("dist/js")) })

执行gulp任务jsuglify gulp jsuglify

后台生成压缩文件

ending

 

 

 

总结

以上是生活随笔为你收集整理的构建工具 | Gulp压缩JavaScript文件的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。