想掌握前端的構建工具，有沒有學習路線推薦？

1樓：王維棟

今年我們用的gulp來做的這一塊，gulp 入手倒是比較簡單，但實際上我也花了很多事件來調整整個打包流程，早期的版本是根據yeoman 上面的乙個專案來的，當然後來為了和團隊框架相融合，被我改的已經面部全非類。

我自己grunt webpack 都有玩過，基本的路線是看一下基本內容介紹，官方指導，算是入個門了。

找個腳手架工具看看複雜的玩法。

實際專案是什麼樣子的，然後通過腳手架的模樣去套。

多弄個幾次，就知道這些個工具是要解決哪些問題，通用的解決方法都有哪些。相互之間呢有會有參照。

最後，要和專案緊密結合的工具才是有效的。

2樓：寒松

一般常用的有兩個：webpack和FIS3。

webpack：有學習成本，外掛程式都是英文文件，不使用外掛程式基本幹不了活；還要熟悉node的一些知識，配合node語句使用；了解npm（node包工具）的基本用法。中文教程如下：

webpack 中文文件。不過一般大公司都在使用，建議學習。

我也正在學習，建議使用webpack應用廣泛，先從npm了解基本知識吧，我個人寫了一小部分說明npm介紹，然後學習webpack基本配置，最後根據使用需要學習node相關語句。node教程如下：API 文件 | Node.

js 中文網，都是語法說明，建議從webpack的用法中，針對性學習。

我的Github：xingkongbj/study_web，明年初會總結一些外掛程式的簡單用法，目前正在學習ES6的新特性。PS：

我個人比較喜歡系統學習，然後重複學習同樣的內容，每次都會有新的體會。

3樓：方應杭

先學普通的檔案操作如 mkdir touch cat grep

然後再學一些技巧，如 | && & || | > >> >!

然後學寫 bash alias

然後學寫 bash functions

然後使用一些有用的工具，如 fzf、z、vim、curl、wget、homebrew、htop

然後學習構建工具如 make、cmake

然後使用 npm、grunt、gulp、webpack 的時候就很適應了

嘗試寫乙個 npm 包

嘗試寫乙個 gulp 外掛程式

嘗試寫乙個 webpack 外掛程式

在網上說 webpack 難用，讓新人望而卻步

成為 webpack configuration master（webpack 配置大師）

一般的新人從第7步開始，由於沒有經過前6步，所以覺得很難掌握，然後一直停在第7步。