Gulp 學習紀錄、常用指令
Gulp 學習紀錄、常用指令
紀錄學習Gulp的歷程,及gulp常用的指令
第一次安裝Gulp
- npm install -g gulp
- npm init
- 在目錄下touch gulpfile.js
- npm install 外掛名稱 —save-dev
之後使用Gulp
- 移動到目錄後,npm init,創造package.json檔
- 貼上已設定的package.json
- npm install -l 自動安裝package.json列表上的外掛
- 複製已設定好的腳本gulpfile.js
常用外掛清單
SASS/SCSS編譯成CSS gulp-sass
外部載入的套件需要排序 gulp-order
(對jquery,bootstrap常載入的是必備品)
在學習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 | 參考網站
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!