@webpack3

動態 列表
@yanglinxiao

詳解CommonsChunkPlugin的配置和用法

簡介 CommonsChunkPlugin主要是用來提取第三方庫和公共模塊,避免首屏加載的bundle文件或者按需加載的bundle文件體積過大,從而導致加載時間過長,着實是優化的一把利器。 先來説一下各種教程以及文檔中CommonsChunkPlugin提及到chunk有哪幾種,主要有以下三種: webpack當中配置的入口文件(entry)是chunk,可以理解為entry chunk

yanglinxiao 頭像

@yanglinxiao

昵稱 Yanglinxiao

@nine_59f82397ef519

Webpack小技巧-公共組件引用路徑簡化

日常開發中,我們會常常把一些功能提取出來,包裝成一個公共模塊或者組件,供不同地方使用,但是隨着項目不斷變大,項目目錄不斷變深,我們引用公共組件的路徑越來越長! 例如:引用一個公共模塊 import Menu from '../../../../../components/Menu'; // 這裏路徑太深,很容易寫錯 我們該怎麼優化尼? 解決方案1:使用webpack的resolve.alias屬性