vue-cli3 less全局变量

vue-cli3 less全局变量

首先运行以下命令：

vue add style-resources-loader

安装成功后，会在vue.config.js中生成以下代码：

const path = require("path");//这一段需要自行添加
module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        path.resolve(__dirname, "src/style/global.less")//需要自行添加
      ]
    }
  }
}

使用

<style lang="less" scoped>
  @import '~@/assets/styles/varibles.less';  //全局变量存放的文件（要加~）
</style>