vue-cli3 引入less全局變量

1.安裝依賴

vue add style-resources-loader

2.在vue.config.js中配置

pluginOptions: {
      'style-resources-loader': {
        preProcessor: 'less',
        patterns: [path.resolve(__dirname, "@/assets/css/variable.less")] // 引入全局樣式變量
      }
}

3.在需要用到的less文件中引用全局的less文件即可

 

@import "variable.less";

 vue文件中style標簽下面  @import "~@/assets/css/variable.less";  引用