webpack和gulp的區(qū)別？吞咽應(yīng)該與咕嚕聲相比較。我不談他們之間的區(qū)別。我們來談?wù)勊挠猛?。Gulp/grunt是一個優(yōu)化前端工作流的工具。例如，自動刷新頁面、組合、壓縮CSS、JS、編譯les

webpack和gulp的區(qū)別？

吞咽應(yīng)該與咕嚕聲相比較。我不談他們之間的區(qū)別。我們來談?wù)勊挠猛?。Gulp/grunt是一個優(yōu)化前端工作流的工具。例如，自動刷新頁面、組合、壓縮CSS、JS、編譯less等等。簡而言之，就是使用gulp/grunt，然后配置您需要的插件，這樣您就可以讓它手動完成您需要做的事情。當(dāng)涉及到browse/webpack時，也涉及到seajs/requirejs。這四個是JS模塊化解決方案。Seajs/require是一種類型，browse/webpack是另一種類型。Seajs/require：是一個在線“編譯”模塊解決方案，相當(dāng)于在頁面上加載CMD/AMD解釋器。這樣，瀏覽器就可以了解define、exports和module。實現(xiàn)了模塊化。Browserify/webpack：是一種預(yù)編譯模塊方案，比上述方案更智能。我沒用過browserify。這里我們以webpack為例。首先，它是預(yù)編譯的，不需要在瀏覽器中加載解釋器。另外，您可以直接在本地編寫JS。無論是amd/CMD/ES6風(fēng)格的模塊化，它都能識別并編譯成瀏覽器能識別的JS。這樣一來，gulp就是一個工具，而webpack等都是模塊化的解決方案。Gulp還可以為seajs、requirejs甚至webpack配置插件。

gulp有哪些功能是webpack不能替代的？

gulpcodingdict.com/article/7496它以流的形式實現(xiàn)多個依賴任務(wù)，其功能是處理任務(wù)依賴和任務(wù)流。Webpack主要用于打包前端資源，將模塊化JS打包成單個文件（或少量公共文件）。不可能完全互相替換。

為什么要大口喝？

優(yōu)勢

初入web前端，很迷茫？

以下四張地圖是GitHub用戶kamranahmedse共享的，主要是Web前端開發(fā)、后端開發(fā)和Devops開發(fā)的路線圖。涉及的要點非常全面。如果您對這一部分感興趣并想有所作為，下面的路線圖值得收集和學(xué)習(xí)。

前端開發(fā)路線圖：

后端開發(fā)路線圖：

Devops路線圖：