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: anyexport default content
}

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