VueCli3如何傳遞scss全局變量

當我們嘗試在一個scss文件中定義全局變量然后在.vue文件中使用的時候

哦豁，找不到變量，意料之外

我發現犯了一個錯誤，沒導入，@import 'path/to/file.scss'，不過這樣的話，每個.vue文件導入起來很麻煩，我們需要一種導入然后默認在.vue導入使用，比較方便

暫時沒研究原理，在官方配置手冊找到了解決方案

根目錄下新建vue.config.js

module.exports = {
  css: {
    loaderOptions: {
      // 給 sass-loader 傳遞選項
      sass: {
        // @/ 是 src/ 的別名
        // 所以這里假設你有 `src/variables.scss` 這個文件
        data: `@import "@/variables.scss";`
      }
    }
  }
}