vue 引入 less、scss、styles 全局样式变量

安装依赖

vue add style-resources-loader

注意：使用 vue add 安装，这样会自动安装附属依赖：vue-cli-plugin-style-resources-loader ，还有安装时可以选择对应的预编译，less、scss、styles

配置

在安装依赖后，在vue.config.js中会生成代码片段

pluginOptions: {
  'style-resources-loader': {
    preProcessor: 'less',
    patterns: []
  }
}

修改 patterns 自己变量的路径即可正常使用了

pluginOptions: {
  'style-resources-loader': {
    preProcessor: 'less',
    patterns: [path.resolve(__dirname, 'src/common/style/index.less')]
  }
}