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

Question

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

每个组件都有一个CSS文件，我们需要Webpack将这个CSS JUST与它所属的组件打包在一起。现在，问题在于Webpack正在打包组件目录中的CSS文件（这对我们很有用），并且在它们的所有依赖组件中都包含这些文件。因此，css文件在不同的地方出现很多次，并且使我们的应用程序风格无法维护。有任何想法吗？

Answer 1

您应该使用webpack的Code Splitting选项。 Doc

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