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

Question

如何防止Webpack打包多个CSS文件？我的团队正在用React.js开发一个具有以下架构的应用程序：

每个组件都有一个CSS文件，我们需要Webpack将这个CSS与它所属的组件打包。现在，问题是，Webpack正在将CSS文件打包到组件目录(这对我们很好)以及它们的所有依赖组件中。结果，css文件在不同的地方出现了很多次，使得我们的应用程序样式无法维护。有什么想法吗？

Answer 1

应该使用webpack的Code Splitting选项。

使用此配置，您的包大小将会减小，性能将会提高。