如何在组件样式中预加载变量

【问题标题】：How to preload variables in a component style如何在组件样式中预加载变量
【发布时间】：2023-04-11 11:20:01
【问题描述】：

所以我成功配置了 webpack 以加载我的组件中的 scss 样式。我使用<style lang="scss"></style>，它运行良好。
我在 webpack 安装中使用了 vue-cli。
但是我需要从那里调用我的一些 scss 变量，所以我想我需要一种预加载？

有没有办法在每个组件中不必@import？

【问题讨论】：

【解决方案1】：

你需要sass-resources-loader。
解决方案在 vue-loader 的official document 中提供。请检查名为Loading a global settings file 的部分。

PS：实际上，它作为一个问题已经讨论了很长时间。您可以查看讨论here。

【讨论】：