在 Typescript 中为 Vue 2 Vue-cli 5 加载 SCSS 变量

Question

在我的 Vue 2 项目（由 Vue-cli v4 生成）中，我曾经将 SCSS 文件中的变量导入到我的 typescript（.vue 文件）中，并且工作正常。

我的 scss 文件 _variables.scss 中有：export {...}，shims.scss.d.ts 为 typescript，一切都按应有的方式对齐并且可以正常工作。 （我在 vue.config.js 中没有配置 sass-loader，但我假设 vue-cli 在幕后为我处理它……我错了吗？）

然后我将 vue-cli 更新到版本 5，导入的 scss 变量停止工作并无提示地失败（我所有用于由 scss 变量初始化的 TS 变量现在都未定义）。

我尝试重新配置 webpack 以使用 sassloader、cssloader、styleloader... 就像 inte.net 上的大多数答案一样，但似乎没有任何效果。

Answer 1

检查您用于 SCSS 文件的命名方案。 要使:export正常工作，文件必须被视为 css 模块。 默认情况下，只有*.module.scss文件被 css-loader 认为是模块。 vue 可能更改了关于此设置的默认配置。