關于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文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。