【问题标题】:Webpack: Duplicate imports on sass-loader, css-loader(modules: true)Webpack:在 sass-loader、css-loader 上重复导入(模块:true)
【发布时间】:2018-07-26 06:56:52
【问题描述】:

这个issue 尚未解决,我需要帮助。帮助!

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

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

【问题讨论】:

    标签: webpack css-modules sass-loader


    【解决方案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 这是最终对我有用的要点。
    • 这个问题导致子样式在我的项目中被其父样式覆盖。能够通过确保样式最后在组件中导入来解决此问题。这可确保在其他导入(包括上述重复项)添加样式之后添加子样式。如果有人需要更多详细信息,我们很乐意提供帮助。
    猜你喜欢
    • 2017-07-15
    • 2018-03-04
    • 2016-05-20
    • 2017-11-18
    • 2018-02-22
    • 2019-06-26
    • 2018-02-12
    • 2017-10-10
    • 2017-02-19
    相关资源
    最近更新 更多