// vue.config.js
module.exports = { 
  css: {
    loaderOptions: {
      scss: {
        prependData:  `@import "@/assets/css/mainTheme.scss";`, //这样就可以全局使用mainTheme的变量，不用每个页面引入
      },
    },
  },
};

sass-loader版本不同，loaderOptions中additionalData的键名也不同

sass-loader v8-, 选项名是'data'
sass-loader v8,选项名是'prependData'
sass-loader v10+,选项名是'additionalData'