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