使用它依赖的所有变量和混合编译单个 SASS 文件

问题描述

我有一个非常具体的需求:我想将 Project A 中的部分 SASS 代码应用到 Project B。为此,我需要将特定文件中引用的所有变量和 mixin 捆绑在一个文件中。

假设需要导出的 .scssProject A 部分称为 _header.scss。该文件包含我需要在 Project B 中应用和重用的确切代码块。

现在,挑战在于 _header.scss 使用了多个在全局 _variables.scss_mixins.scss 文件中定义的变量和 mixin。 _header.scss 不使用项目中定义的所有变量和 mixin,只是其中的一小部分。

因此,我想运行 gulp、yarn 或 node 命令来获取 _header.scss,读取它所依赖的变量和 mixin,并编译一个包含 mixins 和它依赖的变量,以及 SASS 代码本身。

我应该执行哪个命令来运行此检查并将 _header-compiled.whatever.scss 中需要的所有内容输出到单个文件中?

如果您认为有比进行此类编译更好的整体解决方案,请随时提出建议。

非常感谢!

解决方法

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

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

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