怎么在nuxt中使用less公共变量呢

Question

想定义一个全局的less变量，然后使用，需要怎么配置呢

Answer 1

npm i style-resources-loader -D

nuxt.config.js中
build:{
    styleResources:{
        less:'./assets/css/base.less'
    }
}

Answer 2

2021.5 不需要 npm i style-resources-loader -D

见官方文档 - 当您需要在页面中注入一些变量和mixin而不必每次都导入它们时

另，以下亲测有效：

  // Build Configuration: https://go.nuxtjs.dev/config-build
  build: {
    styleResources: {
      less: './assets/theme-chalk/basics.less'
    }
  }

---

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 3

同学搞定了吗