vue-cli3 less全局变量

Posted flyerya

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli3 less全局变量相关的知识,希望对你有一定的参考价值。

1. vue add style-resources-loader

2. 

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

3.

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

  

以上是关于vue-cli3 less全局变量的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli3 less全局变量

vue-cli3使用sass全局变量(less同理)

vue-cli3使用sass全局变量(less同理)

在Vue-Cli项目中使用全局less变量

webpack 配置scssless全局样式(自定义的,vue-cli2/3)

less 全局变量使用