gulp入門

安裝gulp：
開啟windows命令列工具cmd，輸入：

sudo npm install gulp -g

• sudo是以管理員身份執行命令，一般會要求輸入電腦密碼
• npm是安裝node模組的工具，執行install命令
• -g表示在全域性環境安裝，以便任何專案都能使用它
• 最後，gulp是將要安裝的node模組的名字

初始化gulp：

//移動到目標資料夾
E:
cd gulp
//初始化
npm init
//根據彈出的項填寫要生成的json的內容

這裡要注意，npm init中的name不能跟專案所在的資料夾同名。否則會報錯：

refusing to install grunt as a dependency of itself

這樣，就在我們的目錄中成功生成了一個package.json檔案。

在專案中安裝gulp和需要的外掛
在命令列中輸入：

npm install gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename gulp-minify-css --save-dev

安裝一大堆我們需要的依賴：

• gulp-jshint 檢查js檔案是否有報錯或警告
• gulp-sass 編譯sass變為css
• gulp-concat 將多個檔案合併為一個
• gulp-rename 重新命名合併後的檔案
• gulp-uglify 壓縮js檔案
• gulp-minify-css 壓縮css檔案

編寫我們需要的gulp工作方式：
首先新建一個gulpfile.js檔案，來指定gulp需要為我們做什麼