最近使用nuxt@2.14.0版本当中使用,ant desgin vue 这个UI框架进行定制主题。
首先,在nuxt项目当中的assets文件夹当中创建less文件夹,在less文件夹下创建index.less和variable.less文件
在index.less文件当中,引入ant design vue的less文件,variable.less当中写上需要更改的主题变量
然后,将index.less引入到nuxt.conifg.js文件当中:
然后,启动项目
发现报错,报错的内容:
首先,在nuxt2.0的nuxt.config.js中配置less
build: {
loaders: {
less: {
javascriptEnabled: true
}
}
}
在启动项目,发现还是报错:
这是因为在nuxt2.12添加后提示没有javascriptEnabled这个属性项,需要添加上lessOptions这个字段,我现在的版本是nuxt@2.14.0因此,需要如下配置;
build: {
loaders: {
less: {
lessOptions: {
javascriptEnabled: true
}
}
}
}
在重新启动,大获成功。