vue-cli3.0构建的项目全局使用scss的mixin

• 1.添加依赖,注意这里使用vue-cli3.0添加插件的方式!!

vue add style-resources-loader

• 2.然后它会让你选择你使用的预处理器,我这里选择使用的是scss

• 3.在vue.config.js中配置
  添加依赖后,会自动在vue.config.js中生成配置,需要手动添加mixin文件的路径:

pluginOptions: {
    "style-resources-loader": {
      preProcessor: "scss",
      patterns: [
        path.resolve(__dirname,'./src/variables.scss')
     ]
   }
}

• 4.重启项目,可以使用了