时间戳

首页 > 解决方案 > 如何在 Nuxt.js 中为 LESS 启用内联 JavaScript？

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

问题描述

在 Nuxt.js 项目中，我安装的 npm 越来越少，因此我可以为 iView 使用动态 CSS。但是，当我尝试覆盖 iView 的全局变量时，出现错误：“未启用内联 JavaScript。它是否在您的选项中设置？”

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

less: {
  javascriptEnabled: true
}

和...

less: {
  options: {
    javascriptEnabled: true
  }
}

乃至...

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

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

标签： lessnuxt.js

解决方案

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

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

推荐阅读