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

Question

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

每個組件都有一個CSS文件，我們需要Webpack將這個CSS JUST與它所屬的組件打包在一起。現在，問題在於Webpack正在打包組件目錄中的CSS文件（這對我們很有用），並且在它們的所有依賴組件中都包含這些文件。因此，css文件在不同的地方出現很多次，並且使我們的應用程序風格無法維護。有任何想法嗎？

Answer 1

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

使用此配置可​​以減少您的包的大小，並提高性能。