less - 如何在 Nuxt.js 中为 LESS 启用内联 JavaScript？

Question

在 Nuxt.js 项目中，我安装了越来越少的 npm 加载器，这样我就可以为 iView 提供动态 CSS。但是，当我尝试覆盖 iView 的全局变量时，出现错误:“Inline JavaScript is not enabled. Is it set in your options?”

在 Nuxt.js 文档 ( https://nuxtjs.org/api/configuration-build#loaders ) 中，他们声明他们有一个预配置的 less 加载器。 less:{}，所以我尝试了...

less: {
  javascriptEnabled: true
}

和...

less: {
  options: {
    javascriptEnabled: true
  }
}

甚至...

less: {
  dev: {
    options: {
      javascriptEnabled: true
    }   
  }
}

Nuxt.js 似乎忽略了所有这些。那么在Nuxt.js中应该如何配置呢？

Answer 1

将此添加到您的 nuxt.config.js

/*
 ** Build configuration
 ** See https://nuxtjs.org/api/configuration-build/
 */
build: {
    /*
     ** You can extend webpack config here
     */
    loaders: {
        less: {
            lessOptions: {
                javascriptEnabled: true,
            },
        },
    },
},