概念 Webpack是一個 模組打包機，它可以將我們專案中的所有js、圖片、css等資源，根據其入口檔案的依賴關係，打包成一個能被瀏覽器識別的js檔案。能夠幫助前端開發將打包的過程更智

webpack 4捨棄了之前的 commonChunkPlugin ，增加了 SplitChunksPlugin , 對於這個外掛，它的 option 選項有 initial 、 async 、 all 三個

本專案原始碼均可在 這裡 找到。 之前公司的官網專案靜態檔案都是放在靜態伺服器中，這其中的弊端就不贅述了。簡單說一下 CDN 的好處: CDN 可以解決因分佈、頻寬、伺服器效能帶來的訪問延遲問題，適

X-BUILD 一套基於 Webpack (v4.21.0)快速搭建H5場景開發環境的腳手架，只需要幾分鐘的時間就可以執行起來。 H5場景開發 X-BUILD 是針對 H5 開

一開始接觸 webpack 是因為使用 Vue 的關係，因為 Vue 的腳手架就是使用webpack構建的。剛開始的時候覺得 webpack 就是為了打包單頁面而生的，後來想想，這麼好的打包方案，只在單頁面上

本文講解的是最近在做的一個多頁面專案，結合webpack4的splitChunks進行程式碼包分拆的過程 專案框架 專案有home和topic兩個入口檔案,主要包括： r

htm 是 preact 作者的新嘗試，利用原生 HTML 規範支援了類 JSX 的寫法。 2 概要 htm 沒有特別的文件，假如你用過 JSX，那隻需要記住下面三個不同點：

花了兩週多，終於完成了一個基本無 bug 的專案，但是有個比較大的問題就是：在 webpack 測試環境下，編譯時間太久了，app.js 太大了，導致頁面初始化極其的慢，雖然說正式環境下不會有這個問題，同事

上一篇講述瞭如何理解tapable這個鉤子機制，因為這個是webpack程式的靈魂。雖然鉤子機制很靈活，而然卻變成了我們讀懂webpack道路上的阻礙。每當webpack執行起來的時候，我的心態都是佛繫心態，

前言 日常開發中，我們用的都是使用Webpack這類構建工具進行模組化開發。 或者使用基於create-react-app和vue-cli等腳手架進行開發。 如果這個

通過閱讀這篇文章，可以學習到如何使用DefinePlugin外掛使得前端專案更加工程化，說清晰點就是如何使用這個外掛，在編譯階段根據NODE_ENV自動切換配置檔案，提升前端開發效率。

由於前端的快速發展，相關工具的發展速度也是相當迅猛，各大框架例如vue,react都有自己優秀的腳手架工具來幫助我們快速啟動一個新專案，也正式因為這個原因，我們對於腳手架中最關鍵的一環webpack相關的優化知

時間飛快，轉眼間8102還差一個月就over了，順了順好幾天沒理的鬍渣兒，好像已經老了不少。 不，我還很年輕！雖然年終還沒到，但好像也差不多了。 幾經輾轉，年底前終於拿到了微信的offer，可以說是今年

這是webpack系列文章的十一篇，整理了一些關於webpack的面試題，對之前的內容做一次總結 webpack官網 https://webpack.js.org/ webpack中文網 http

前言 在前端專案的規模和複雜性不斷提升的情況下，各類構建思想和相應工具層出不窮。本文竭己所能對比了當下13個構建工具，包括 Browserify 、 Webpack 、 Rollup 、 Grunt 、