编译webpack项目时共享一个scss文件

问题描述

我有一个 webpack4 项目,我在其中使用 mini-css-extract plugin

基于多个导入生成 CSS 文件

在这里,我使用文件名选项生成不同的 CSS 文件。 包含样式文件导入的JS文件也有类似的导入。

我在找什么? - 我想使用通用 CSS 导入创建一个 generic.css,并希望使用 generic.css 编译其他文件,而不包含 generic.css 的内容。

例如,我有以下特定于模块的 .scss 文件

a.scss
b.scss
c.scss
d.scss
e.scss

我在项目中也有一个 generic.scss 文件。在 generic.scss 中定义的 CSS 类被 a.scss、b.scss、c.scss、d.scss 和 e.scss 扩展。目前,我必须在这些模块 css 文件中导入 generic.scss,这会增加文件大小并寻找最佳解决方案。

任何指示或任何建议 - 欢迎您的想法!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

错误1:Request method ‘DELETE‘ not supported 错误还原:...
错误1:启动docker镜像时报错:Error response from daemon:...
错误1:private field ‘xxx‘ is never assigned 按Alt...
报错如下,通过源不能下载,最后警告pip需升级版本 Requirem...