vue中全局引入scss

在项目的根目录下新建一个vue.config.js文件，配置如下，这样就不需要在页面引入公共的scss文件了，全局都能访问的到

module.exports={
    css: {
          loaderOptions: {
              sass: {
                  // 旧版本 
                  data:`@import "@/style/mixin.scss";`
                  // 新版本
                  prependData:`@import "@/style/mixin.scss";`
              }
          }
      }
  }

相关配置可参考vue-cli官网配置