反应.js - 阻止 Webpack 打包 CSS 文件

Question

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

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

Answer 1

你应该使用webpackCode Splitting选项。医生

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