Gulp 學習紀錄、常用指令

Gulp 學習紀錄、常用指令

紀錄學習Gulp的歷程,及gulp常用的指令

第一次安裝Gulp

  1. npm install -g gulp
  2. npm init
  3. 在目錄下touch gulpfile.js
  4. npm install 外掛名稱 —save-dev

之後使用Gulp

  1. 移動到目錄後,npm init,創造package.json檔
  2. 貼上已設定的package.json
  3. npm install -l 自動安裝package.json列表上的外掛
  4. 複製已設定好的腳本gulpfile.js

常用外掛清單

在學習Gulp時遇到的障礙

在安裝gulp時出現以下訊息

npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

  • npm WARN已棄用[email protected]:請更新至最低3.0.2或更高版本以避免RegExp DoS問題

  • 解決辦法:npm install minimatch@“3.0.2”
    或著不用理他也沒有關係的


Gulp 常用指令

Npm init

  • 輸入npm init,進行這個空白專案的初始化,同時也會生成一個基本的package.json,這個package.json非常重要,因為它定義了這個 Node.js 專案裏頭會需要用到的模組與套件 ( Node modules ),輸入npm init之後,基本上可以填寫一些名稱或描述,不然其實也可以直接一直 enter 按下去就會建立完成。

touch gulpfile.js

  • 建立gulpfile.js,要寫的任務、套件全部都是寫在這裡面

npm install

  • 會安裝專案內的 package.json 所列出的需要元件。

npm install -l

  • 把package.json腳本設定好,建立新專案時輸入即可依照package.json上列出的套件,全部自動化安裝完

npm 相關指令整理

Reference | 參考網站