瀏覽器緩存，也就是客戶端緩存，既是網頁性能優化里面靜態資源相關優化的一大利器，也是無數web開發人員在工作過程不可避免的一大問題，所以在產品開發的時候我們總是想辦法避免緩存產生，而在產品發布之時又在想 ...

文件的hash指紋通常作為前端靜態資源實現增量更新的方案之一，Webpack是目前最流行的開源編譯工具之一，其強大的功能也帶來很多坑（當然，大部分麻煩其實都可以在官方文檔中找到答案）。 比如，在We ...

1. 背景及現狀 　　不知道你的團隊如何定義前端開發，據我所知，時至今日仍然有很多團隊會把前端開發歸類為產品或者設計崗位（這點本人深有體會！！！），雖然身份之爭多少有些無謂，但我對這種偏見還是心 ...

　　除了前面的webpack基本配置，還可以進一步添加配置，優化合並文件，加快編譯速度。下面是生產環境配置文件webpack.production.js，與wenbpack.config.js相比其不 ...

webpack打包壓縮 ES6 js、.vue報錯： ...

Webpack現今流行的前端打包工具，今兒本人也來分享下自己學習體驗。 一、html-webpack-plugin 實現html模板文件的解析與生成 在plugins加入HtmlWebpa ...

1. 什么是前端工程化 自有前端工程師這個稱謂以來，前端的發展可謂是日新月異。相比較已經非常成熟的其他領域，前端雖是后起之秀，但其野蠻生長是其他領域不能比的。雖然前端技術飛快發展，但是前端整體的工程 ...

許多團隊在制定前端工程方案時會加入腳手架模塊。雖然不同的團隊對工程化的理解和實施有所差異，但是對於腳手架的定位基本是一致的：創建項目初始文件。這是一條看起來十分簡單地准則，但是對於這條准則應該如何理解 ...

此篇文章是續 webpack多入口文件、熱更新等體驗，主要說明單元測試與e2e測試的基本配置以及相關應用。 一、單元測試 實現單元測試框架的搭建、es6語法的應用、以及測試覆蓋率的引入。 1. ...

本文內容只適用於webpack v1版本，webpack v2已經修復了hash計算規則。 之前討論了webpack的hash與chunkhash的區別以及各自的應用場景，如果是常規單頁面 ...