在 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 可能更改了關於此設置的默認配置。