Vue.js 如何在.vue文件中使用.scss文件中的mixin？

尝试在单个Vue组件中使用我的scss mixin时出现错误-“没有名为sm的mixin”-sm是我的mixin变量名

---

My_mixins.scss位于“我的资源/样式”文件夹中。如何在.vue文件中使用我的mixin？

您可能需要将mixin所在的文件导入尝试访问它的组件

比如：

<template>
  <div>
    <h1>Example Component Template...</h1>
  </div>
</template>

<script>
export default {
  name: 'ExampleComponent'
},
</script>

<style lang="scss">
@import '../assets/styles/mixins.scss';

// Now you can use your mixin here...

</style>

示例组件模板。。。
导出默认值{
名称：“ExampleComponent”
},
@导入“../assets/styles/mixins.scss”；
//现在你可以在这里使用你的混音器。。。

更新：我找到了答案

我将把下面的链接留给将来可能遇到这种情况的任何其他人

全球导入sass/scss

我还发现有以下文件：

---

嗨，Max，谢谢你的回复。但是我正在寻找一种更干净的方法，因为导入到每个vue组件中是非常重复的。如果没有@import，我如何使我的sass变量和混合可用？