【vite】配置vite打包入口

最新推荐文章于 2025-07-07 16:12:58 发布

segegefe

最新推荐文章于 2025-07-07 16:12:58 发布

阅读量6.9k

点赞数 1

CC 4.0 BY-SA版权

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

本文链接：https://blog.csdn.net/segegefe/article/details/123374628

本文介绍了如何在Vite项目中更改默认的打包入口。当项目目录结构改变，导致默认的`index.html`入口文件消失时，需要在`vite.config.ts`中通过设置`build.rollupOptions.input`来指定新的打包入口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目目录

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 processTicksAndRejections (internal/process/task_queues.js:97:5)
    at async Promise.all (index 0)