React.js-阻止Webpack打包CSS文件

Question

如何防止Webpack打包CSS文件多於壓縮文件？ 我的團隊正在使用以下架構在React.js中開發一個應用程序：

每個組件都有一個CSS文件，我們需要Webpack將此CSS JUST與它所屬的組件一起打包。 現在，問題在於Webpack將CSS文件打包在組件目錄中（這對我們有好處），並且打包在所有其依賴項組件中。 結果，css文件多次出現在不同的位置，並且使我們的應用程序樣式無法維護。 有任何想法嗎？

Answer 1

您應該使用webpack的Code Splitting選項。 文件

使用此配置，您的捆綁包大小將減小，性能將會提高。