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

Question

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

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

Answer 1

你应该使用Code Splittingwebpack 的选项。文档

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