webpack - webpack 防止重复的 sass 导入导致重复的 css
问题描述
我目前正在尝试优化我的 webpack 输出。我的设置包含多个条目文件。一个 commons.scss(全局 css 文件),一个 fonts.scss(用于优化加载的不同字体文件)和具有自定义 css 的页面的条目,仅在该页面上使用。
除了一个问题外,这个设置总的来说非常好:在页面的一些条目中,我需要一些来自引导程序的东西(例如 mixins 等)。运行 webpack 时,我最终在两个文件中都有 css 类(common.css 和页面条目的 css),导致代码重复、页面加载速度变慢和奇怪的行为。
现在我的问题是,如果可能有任何插件,我可以在其中定义一个全局条目,以便在导出时不会将 css 导出到两个文件中。
解决方案
推荐阅读
- c - fgets 从提示符中读取换行符
- windows - 如何从命令行提取 .msi 特征?
- dynamics-crm - SecurityError:在 Dynamics CRM 中使用 ADAL.js 阻止了具有来源的框架
- c# - 在 IEnumerator 协程中设置类变量
- javascript - 从 url 导航页面时,HtmlUnitDriver 不加载 javascript
- php - WooCommerce Rest API:使用图像创建产品
- reactjs - 流星客户端捆绑器错误:找不到模块“反应”
- laravel - Laraadmin 和 sqlite “SHOW”:语法错误(SQL:SHOW TABLES)
- json - 从字符串化 json 的 RDD 的行中获取键和值
- javascript - 如何将当前范围传递给函数引用?