【vite】配置vite打包入口

本文介绍了如何在Vite项目中更改默认的打包入口。当项目目录结构改变,导致默认的`index.html`入口文件消失时,需要在`vite.config.ts`中通过设置`build.rollupOptions.input`来指定新的打包入口。
摘要由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
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值