Webpack 4 發布已經有一段時間了。Webpack 的版本號已經來到了 4.12.x。但因為 Webpack 官方還沒有完成遷移指南，在文檔層面上還有所欠缺，大部分人對升級 Webpack 還是一頭霧水。

現代 Web 應用經常用到 bunding tool 用于創建一個生產環境的打包文件（例如腳本、樣式等），這個打包文件是已經優化完，并且最小化完成的，并且能夠被用戶用更少的時間下載到。在這篇文章...

在 3.5.0 版本之前，項目大以后, webpack 構建打包越來越慢，同時 dll 工程化構建也沒有內置支持。雖然可以通過在 easywebpack 中添加 new webpack.DllP...

Hot Module Replacement（以下簡稱 HMR）是 webpack 發展至今引入的最令人興奮的特性之一 ，當你對代碼進行修改并保存后，webpack 將對代碼重新打包，并將新的模...

本文的初衷是和你一起理清webpack的使用邏輯，以便能更加容易的編寫及拓展自己項目所需的配置文件。不過也得提前說明本文可能并不是一篇好的可以跟著操作的教程（想跟著一步步做的童鞋可以看 官方示例...

隨著互聯網應用工程規模的日益復雜化和精細化，我們在開發一個標準web應用的早已開始告別單干模式，為了提升開發效率，前后端分離的需求越來越被重視，前端負責展現/交互邏輯，后端負責業務/數據接口，基...

沒有什么框架是全能的，都有其適用場景。我們的最初的定位一定要圍繞我們的業務來選擇。我們個性化業務是基于移動端的多頁面應用。我們綜合考慮之后，決定使用vuejs+typescript+webpac...

今天，我們一起來學習如何用 webpack 實現持久性緩存。

Webpack 是一款強大的前端構建工具, 社區對其介紹的相關文章已經很多了, 本文不再贅述. 基于 Webpack 2, 本文是對我在搭建團隊前端腳手架的過程中, 搜羅的 Webpack 2 ...

通常認為，命令行界面（CLI）沒有圖形用戶界面（GUI）那么方便用戶操作。但是CLI比GUI節約資源，在熟悉命令之后，CLI會比GUI更加高效地幫你完成想要的任務。

開門見山，由于我們項目的前端只有一個 bundle ，所有代碼都在一個js文件里，隨著功能不斷的堆疊，體積已經到無法忍受的地步了（gzip后即將突破300k），導致首屏的時間不停的漲啊漲，最近一...

最近 webpack 成為非常流行的打包工具，很多項目都在使用它。在我們進行 JavaScript 獨立組件 開發的時候，如果我們想要使用語言新特性，又想發布的時候產出兼容性好的代碼，那么使用 ...

本文主要是提取了開發組件工程化的一些關鍵要點，具體的開發腳手架可以參考 steamer-react-component ，里面主要舉了 pure-render-deepCompare-decor...

這是一篇給初學者的教程, 在這篇教程中我們將通過構建一個 Hacker News 的前端頁面來學習 React 與 Webpack . 它不會覆蓋所有的技術細節, 因此它不會使一個初學者變成大師...

做前后端分離也有一段時間了，業務一直在用Vue@1.x的多入口方案，也一直懶癌發作沒搞2.x的版本。適逢最近在等某寶小程序的構建，由于遲遲不定技術方案，只好暫緩先捯飭一下Vue@2.x項目多入口的構建方案。

在去年年末參與的一個項目中，項目技術棧使用 react+es6+ant-design+webpack+babel ，生產環境全量構建將近三分鐘，項目業務模塊多達數百個，項目依賴數千個，并且該項目...

使用到的技能點 vue2 webpack NW.js Node.js 一、前言 先講一下這個項目的由來。我司要新上一個產品，是面向教育領域的一個東西，要求快速開發又必須要兼容 XP ，所以就選 ...

最近我在構建一個基于 React 的單頁應用，當我用 Google TestMySite 來檢測自己的站點時，它的反饋是加載時間過長，因此我開始考慮如何優化初次下載的包體大小。優化應用包體的第一...

本文主要介紹了webpack入門的一些簡單命令和基本配置信息，從代碼拆分、打包、壓縮的角度和傳統的前端項目進行對比，希望以此加深大家對webpack基礎知識的印象。

最初的時候，Webpack 僅是一個 JavaScript 的模塊打包工具。隨著 Webpack 日漸流行，逐漸演變成了前端代碼的管理工具（不論是人為故意還是社區推動的）。