【vite】配置vite打包入口

最新推荐文章于 2024-10-27 01:04:52 发布

m0_67393413

最新推荐文章于 2024-10-27 01:04:52 发布

阅读量5.7k

点赞数

分类专栏：前端 html 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_67393413/article/details/123220387

版权

本文介绍了当Vite项目目录结构改变，导致默认入口`index.html`消失时，如何通过修改`vite.config.ts`中的`build.rollupOptions.input`来指定新的打包入口，以避免打包错误。内容涉及Vite的单页面应用特性及如何设置多入口。

摘要由CSDN通过智能技术生成

项目目录

vite的配置都在根目录下面的vite.config.ts里面，在没有对其进行打包配置时，默认的打包的入口就是根目录的【index.html】。这时候我们直接运行 npm run build就会打包相应的文件：

（ps：为什么默认是.html文件那？因为vue是单页面应用也就是最后打包的html只有一个。vite也提供多入口，但我不再本文继续描述了）

但是如果我们的目录结构改变了，比如：

在此时打包就会报错：

Could not resolve entry module (index.html).
error during build:
Error: Could not resolve entry module (index.html).
    at error (E:web_studyue3_study	est01
ode_modules
ollupdistshared
ollup.js:164:30)
    at ModuleLoader.loadEntryModule (E:web_studyue3_study	est01
ode_modules
ollupdistshared
ollup.js:19708:20)
    at processTicksAndRejectio