Я создаю веб-платформу, используя 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(
...
)
}
...
}
...
Но у меня в консоли следующее сообщение:
Меньше закончено, и листы не были загружены
И ничего не изменилось ... Так что, если вы можете мне помочь, спасибо заранее!