vite前端项目在页面中引入根目录的json等文件

要想引入根目录的某些文件，就需要配置一个别名@root：

    resolve: {
        alias: {
            '@': path.resolve(__dirname, 'src'),
            '@root': path.resolve(__dirname, './'),
        },
    },

然后如果你用的是ts的话，还需要配置一下ts的相关配置 ："@root": ["./"]

还需要在vite-env.d.ts中配置类型声明：

不然会报错：找不到模块“@root/scripts/ppconfig.json”或其相应的类型声明。

declare module '*.json' {
    const content: any
    export default content
}

最后在文件中引入这个json文件即可：