gulp 是基于 node 實現 Web 前端自動化開發的工具，利用它能夠極大的提高開發效率。

在 Web 前端開發工作中有很多“重復工作”，比如壓縮CSS/JS文件。而這些工作都是有規律的。找到這些規律，并編寫 gulp 配置代碼,讓 gulp 自動執行這些“重復工作”。

gulp把某目錄下的js代碼壓縮到另一個目錄下的js文件中。

編寫 gulp 代碼

gulp 還可以做很多事，例如：壓縮CSS、壓縮圖片、編譯Sass/LESS、編譯CoffeeScript、markdown 轉換為 html。

做準備工作，安裝node。已經安裝過了，

安裝gulp

npm 是 node 的包管理工具，可以利用它安裝 gulp 所需的包。（在安裝 node 時已經自動安裝了 npm）

在命令行輸入 npm install -g gulp

安裝完成后再命令行輸入gulp -v ?確認安裝成功。

成功之后先創建一個執行壓縮的gulpfile.js文件用來編寫gulp的代碼。

這里一定要注意：全局安裝gulp是為了執行gulp任務，本地安裝gulp則是為了調用gulp插件的功能

在項目目錄中安裝本地gulp 。執行npm install gulp --save-dev

安裝好之后，執行gulp 任務名稱

會報錯，Cannot find module 'gulp-uglify'沒有找到gulp-uglify模塊。

因為我們并沒有安裝gulp-uglify模塊到本地，所以找不到此模塊。

使用 npm 安裝gulp-uglify到本地

執行命令：npm install gulp-uglify

再次執行 gulp 任務名稱。即可。

目錄

在本地安裝gulp之后出現node_modules文件，在安裝了安裝gulp-uglify模塊到本地之后在node_modules文件中會出現一個gulp-uglify的文件夾，再次執行即可對js壓縮了。