第一步 安装less或sass
这里注意@nuxtjs/style-resources默认版本是1.2.2 如何下载这个版本会报错 “对象字面量只能指定已知属性,并且“styleResources”不在类型“InputConfig<NuxtConfig, ConfigLayerMeta>”中。”
less
npm install @nuxtjs/style-resources@2.0.0 less less-loader --save-dev
sass
npm install @nuxtjs/style-resources@2.0.0 sass sass-loader --save-dev
第二步 配置文件
创建好自定义的文件less文件
global.less样式
nuxt.config.ts 配置文件
export default defineNuxtConfig({
// 是否开启调试工具
devtools: { enabled: true },
//模块导入
modules: [
'@nuxtjs/style-resources',
],
styleResources:{
less:[
'./assets/styles/global.less'
]
},
css:[
'./assets/styles/global.less'
],
})
使用
如果还有问题参考:对象字面量只能指定已知属性,并且“styleResources”不在类型“InputConfig<NuxtConfig, ConfigLayerMeta>”中。-CSDN博客