首页 > 解决方案 > webpack 防止重复的 sass 导入导致重复的 css

问题描述

我目前正在尝试优化我的 webpack 输出。我的设置包含多个条目文件。一个 commons.scss(全局 css 文件),一个 fonts.scss(用于优化加载的不同字体文件)和具有自定义 css 的页面的条目,仅在该页面上使用。

除了一个问题外,这个设置总的来说非常好:在页面的一些条目中,我需要一些来自引导程序的东西(例如 mixins 等)。运行 webpack 时,我最终在两个文件中都有 css 类(common.css 和页面条目的 css),导致代码重复、页面加载速度变慢和奇怪的行为。

现在我的问题是,如果可能有任何插件,我可以在其中定义一个全局条目,以便在导出时不会将 css 导出到两个文件中。

标签: webpacksass

解决方案


推荐阅读