gulp 與 Webpack 的異曲同工之處

jackwang 發布于2019-08-22 11:15 / 1978人閱讀

摘要：所以我么的都會寫到中當然可以采用插件將文件抽離，我的文章有寫到更側重于通過加載器的編譯轉換，可以將任何形式的文件都會打包成模塊例如模塊模塊圖片模塊媒體模塊等等。

gulp

我們可以認為是前端開發的生產線，gulp.task()則是每臺運作的機器，

當啟動gulp的時候，電閘就會被合上，所有的機器開始工作，

啟動本地server ，編譯sass，編譯commenjs，多chrunk文件，打包壓縮，mock數據等，都各干各的，哪里來src就通過配置到哪里去dist

gulp 主要關注點是 track() 當生產間沒有機器的運作 很難將各個文件 加工成結果文件

webpack

webpack則不同 他更側重于 工程化，是模塊化的打包機，是對各種資源進行模塊化，

他主要處理各種各個模塊的依賴文件，只要模塊間有依賴 都會進行處理，不是該模塊的，就不會受影響

不同與gulp的路勁配置，會使得路徑下的各個文件都可能會受影響

webpack對各個模塊的管理 主要通過入口文件app.js建立依賴關系。

所以我么的js、css都會寫到app.js中 當然可以采用插件將css文件抽離，我的webpack文章有寫到

webpack更側重于 loader 通過loader加載器的編譯 轉換 ，可以將任何形式的文件都會打包成模塊 例如：js模塊、css模塊、圖片模塊、媒體模塊等等。

綜上所述

gulp 和 webpack 都可以實現 文件的打包壓縮，啟動服務，mock數據，編譯sass，編譯es6等，只是側重點不同而已，
但是 gulp可以引入webpack，引入gulp-webpack就可以，而webpack則對gulp再次封裝，引入了loader 將項目模塊化更徹底，二者相輔相成......


個人理解，如果有什么欠缺的會繼續補充.....

云服務器 GPU云服務器異曲同工不同之處 webpack的作用 webpack的cdn

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/92031.html

webpack 3 零基礎入門教程 #1 - 介紹

摘要：所以它在某些程度上，跟的功能有些相同。嚴格上講，模塊化不是他強調的東西，他旨在規范前端開發流程。更是明顯強調模塊化開發，而那些文件壓縮合并預處理等功能，不過是他附帶的功能。 1. webpack 是什么? showImg(https://segmentfault.com/img/remote/1460000012293461); 先來說一下 webpack 是什么。 webpack 的...

張紅新 2019-08-21 17:55 評論0 收藏0
PostCSS自學筆記（一）【安裝使用篇】

摘要：而則可制定個人需求的一套解決方案僅安裝需要的插件。迫不及待的你已經等不及安裝使用了吧。安裝及使用一般是結合自動化工具使用，如果要單獨使用可以安裝，這里我先對的安裝使用講解下。接下來說點實際的，如何利用結合自動化工作在項目中使用。 PostCSS介紹 PostCSS是一個利用JS插件來對CSS進行轉換的工具，這些插件非常強大，強大到無所不能。其中，Autoprefixer就是眾多Post...

jsummer 2019-08-29 13:17 評論0 收藏0
前端模塊化和構建工具

摘要：以前一直對前端構建工具的理解不深，經過幾天的研究特意來總結一下，第一次寫博客，有寫錯的請多多見諒，該文章我也從其他博客拷了一些內容，如果有冒犯之處，請指出。強大的設計使得它更像是一個構建平臺，而不只是一個打包工具。以前一直對前端構建工具的理解不深，經過幾天的研究特意來總結一下，第一次寫博客，有寫錯的請多多見諒，該文章我也從其他博客拷了一些內容，如果有冒犯之處，請指出。如今，網頁不再...

ad6623 2019-08-20 18:37 評論0 收藏0
基于 Gulp + Browserify 構建 ES6 環境下的自動化前端項目

摘要：本文特此給大家介紹下如何使用配合來構建基于的前端項目。最后，在目錄下會生成最終的項目文件。執行單元測試本例中使用進行單元測試。隨著React、Angular2、Redux等前沿的前端框架越來越流行，使用webpack、gulp等工具構建前端自動化項目也隨之變得越來越重要。鑒于目前業界普遍更流行使用webpack來構建es6(ECMAScript 2015)前端項目，網上的相關教程也比...

yuanxin 2019-08-19 18:05 評論0 收藏0
基于koajs的web項目構建(二)

摘要：根據基于的項目構建一所描述的，建立了項目的基本目錄結構，接下來的工作便是編碼，編譯，測試，發布。對于自己，僅作文去嘗試清楚的闡述自己構建項目的一些實踐。隨意的編碼風格最終導致項目代碼的可維護性低，新加入成員學習成本提高。根據基于koajs的web項目構建（一）所描述的，建立了項目的基本目錄結構，接下來的工作便是編碼，編譯，測試，發布。做為這些工作，每一項工作都有自己的學問，針對這...

ZweiZhao 2019-08-20 10:49 評論0 收藏0