公司做m站,需要seo,所以有要求,禁止图片转成base64,转成base64不利于seo优化
pc端用的是nuxt2,也有这样的seo优化,本以为把nuxt2的配置拿过来,可以直接使用,哪知道不起作用
nuxt2 配置
// nuxt.config.js
build: {
loaders: {
imgUrl: { limit: 100 }, // 小图片转base64
}
}
后面自己看文档,然后再nuxt3有个webpack配置,试了下
// nuxt.config.js
webpack: {
loaders: {
imgUrl: {
limit: 10,
},
},
}
感觉可以,编辑器也有这样提示,但是发到test环境,还是不可以,后面找找,发现一个博文,然后看了文档,改了配置
// nuxt.config.js
export default defineNuxtConfig({
vite: {
build: {
assetsInlineLimit: 10, // 这个大小可以自己调节
}
},
webpack: {
loaders: {
imgUrl: {
esModule: false,
limit: 10, // 这个大小可以自己调节
},
},
}
})
发布到test环境,完美解决