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

Posted 2023-02-23

【中文标题】如何在组件样式中预加载变量

【英文标题】：How to preload variables in a component style

【发布时间】：2018-01-14 14:32:18

【问题描述】：

所以我成功配置了 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。