Webpack：在 sass-loader、css-loader 上重复导入（模块：true）

Posted 2023-02-22

【中文标题】Webpack：在 sass-loader、css-loader 上重复导入（模块：true）

【英文标题】：Webpack: Duplicate imports on sass-loader, css-loader(modules: true)

【发布时间】：2018-07-26 06:56:52

【问题描述】：

这个issue 尚未解决，我需要帮助。帮助！

我的问题是：你如何设置 webpack sass-loader 和 css-loader，设置做 css 模块，以防止重复导入？

谁能指出我该如何开始解决这个问题？

【参考方案1】：

优化-css-assets-webpack-plugin

这就是最终对我有用的东西。我从 post-css 中换掉了 cssnano 步骤，并让 optimize-css-assets 为我处理它。

我猜您的项目早已发布（我希望如此），但其他搜索此项目的人可能会觉得它有帮助。

【讨论】：

我还是会回到这个并检查一下。同时，我正在研究 jss。有什么要和jss分享的吗？谢谢！ @t-to-the-j

没试过。只是为了澄清我上面的答案，我实际上并没有防止重复导入，我允许它们发生然后使用 purgeCSS/optimize-css 来 treeshake/minimize。不过效果是一样的。 gist.github.com/tmartin2089/9c83fbead9347c22e2eed583e0ff9884 这是最终对我有用的要点。

这个问题导致子样式在我的项目中被其父样式覆盖。能够通过确保样式最后在组件中导入来解决此问题。这可确保在其他导入（包括上述重复项）添加样式之后添加子样式。如果有人需要更多详细信息，我们很乐意提供帮助。