@vue/cli 脚手架生成项目 scss配置全局变量

例子：

首先在src/common 文件夹下建立variable.scss文件 存储编写的全局变量

在vue.config.js文件中配置如下：

module.exports = {
    css: {
        loaderOptions: {
            scss: {

　　　　　　　　　　// data: `@import "~@/common/variable.scss";`  sass-loader 版本8以下

　　　　　　　　　　// prependData: `@import "~@/common/variable.scss";`  sass-loader 版本8

　　　　　　　　　　// sass-loader 版本11及以上
                additionalData: `@import "~@/common/variable.scss";`
            }
        }
    }
｝