nuxt3+vite部署中遇到的坑

618 阅读1分钟

公司网站需要seo但是打包后图片的src变成了base64,不利于seo优化。引入

1.打包后图片src变成base64问题

解决方案:在nuxt.config中加入以下配置

    vite: {
        build: {
            assetsInlineLimit: 0, // 这个大小可以自己调节
        },
    }

2.在项目中使用sass变量结果一直报错xxx变量未定义

解决方案:在nuxt.config中加入以下配置

    vite: {
        build: {
            assetsInlineLimit: 0, // 这个大小可以自己调节
        },
        css: {
            preprocessorOptions: {
                scss: {
                    additionalData: '@use "~/assets/scss/index.scss" as *;',//你的scss的路径
                },
            },
        },
       }

3.build打包的时候一直报ENOTEMPTY: directory not empty, rmdir 'D:\code\project\aiseo-official-website-nuxt.nuxt\manifest'

image.png

一开始我以为删除了这个文件就行,结果删了它又会自己出来 问题原因:因为我项目在运行的时候打包每次删了会热重载,又会自动生成.nuxt文件夹 解决方法:关闭运行的终端后重新打包