vue.js - 我可以将 sass 文件导入 main.js 并使其全局可访问吗？

Question

我正在使用@vue/cli 4.5.8；“萨斯加载器”：“^8.0.2”

我正在尝试在 vue 项目中全局访问 scss 文件。

我制作了一个名为 .scss 的文件style.scss。该文件包括varible.scss,mixin.scss和bootstrap.scss. 所有 sass 文件都在/scss文件夹中。

现在在我的main.js我import "./scss/style.scss"。但它不起作用。我得到了sass 错误：变量未定义。

我知道我们可以使用 sass-loader 通过setup vue.config.js使 style.scss 全局可用，但我只想知道这种方法是否有效，因为我看到 stackoverflow 上的人提到了这个方法。

标签： vue.jssasssass-loader