圖片壓縮和合並 在企業開發中為了提升網頁的訪問速度, 我們除了會壓縮 HTML/CSS/JS 以外, 還可以對網頁上的圖片進行壓縮和合並, 壓縮可以減少網頁體積, 合並可以減少請求次數，壓縮打包之后的圖片，每次在打包圖片之前, 我們可以通過配置 webpack 對打包的圖片進行壓縮, 以較少打包 ...

原文網址：http://jspang.com/2017/09/16/webpack3-2/ 　　　 如果您已經在前端行業中，WebPack在業界的流行程度自然必備多說，成為了前端小白升級為前端工程師的必備技能。如果你對webpack還不夠熟悉，那你在前端前進的腳步會受到阻礙，但是你幸運 ...

如何自己編寫一個loader： loader是一個函數，聲明式函數，不能使用箭頭函數；拿到源碼，做進一步的修飾處理，再返回處理后的源碼就可以了 官方文檔：https://webpack.js.org/contribute/writing-a-loader 接口文檔：https ...

Plugin：開始打包，在某個時刻，幫助我們處理一些什么事情得機制 Plugin是一個類，里面包含一個apply函數，接受一個參數compiler（compiler包含打包過程得很多信息，比如生命周期的鈎子） 官方文檔：https://webpack.js.org/contribute ...

什么是SourceMap? 當我們對項目進行打包時,經過一系列編譯和轉換,最終會形成生產環境的項目代碼,並將此部署至線上。眾所周知,生產環境代碼和打包后的代碼千差萬別,當構建后的代碼報錯,如果沒有S ...

Webpack的安裝分為全局安裝與本地安裝，上一節我們使用的是本地安裝，我們也推薦使用本地安裝。 那么全局安裝的Webpack與本地安裝的有何不同呢？ 全局安裝的Webpack，在任何目錄執行webpack命令都可以進行打包。而本地安裝的Webpack，必須要找到對應node_modules下 ...

在看webpack官方文檔的主頁的時候，看着看着就想放棄 ，英文讀起來吃力，也不知道webpack到底是用來干什么的。在之前雖然從別人那里知道webpack是現在很流行的前端構建工具，只是一個概念而已，具體不知道到底是干嘛，怎么用等等。然而在掃了幾眼主頁的時候還是不知道他用了干嘛的，真的放棄 ...

1、局部安裝： npm i -D (npm install --save-dev的簡寫) 安裝指定版本：npm i -D webpack @version 安裝最新版：npm i -D webpack 安裝最新體驗版本：npm i -D webpack @beta 2、全局安裝 ...