Не удается изменить Vars динамически в Less / Nuxt.Js - PullRequest
1 голос
/ 25 июня 2019

Я создаю веб-платформу, используя Nuxt.Js и Ant в качестве интерфейсной среды.Я видел, что можно изменить тему Ant, используя Less и Less-loader.Поэтому я сделал это перед сборкой со следующим кодом:

antd-ui.js

import Vue from 'vue'
import Antd from 'ant-design-vue/lib'

Vue.use(Antd)

nuxt.config.js

...
css: [
    {
      src: 'ant-design-vue/dist/antd.less',
      lang: 'less'
    }
],
...
build: {
    transpile: [/^element-ui/],
    loaders: {
      less: {
        javascriptEnabled: true,
        modifyVars: {
          // You can here change your Ant vars
        }
      },
    },
...

Так что это работает, но теперь я хочу реализовать Dark Mode , поэтому мне нужно динамически изменять переменные с помощью кода, подобного этому:

компонент.vue

<script>
import less from 'Less'

export default {
  ...
  methods: {
    changeTheme() {
      less.modifyVars(
        ...
      )
    }
  ...
}
...

Но у меня в консоли следующее сообщение:

Меньше закончено, и листы не были загружены

И ничего не изменилось ... Так что, если вы можете мне помочь, спасибо заранее!

...