位置: IT常识 - 正文

Vue3 + Vite 多入口配置(vue多入口文件)

编辑:rootadmin
Vue3 + Vite 多入口配置

推荐整理分享Vue3 + Vite 多入口配置(vue多入口文件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue项目配置多入口,vue多入口配置,vue项目的入口,vue多入口优点,vue3 addroute,vue3 addroute,vue3 addroute,vue多入口跳转,内容如对您有帮助,希望把文章链接给更多的朋友!

试了一下多入口跳转的问题:

import {defineConfig} from "vite";import vue from "@vitejs/plugin-vue";import path from "path";import styleImport, {VantResolve} from "vite-plugin-style-import";// https://vitejs.dev/config/export default defineConfig({ server: { open: true, port: 3005, host: "0.0.0.0", }, resolve: { alias: { "@": path.resolve(__dirname, "src"), }, }, build: { emptyOutDir: true, rollupOptions: { input: { entry: path.resolve(__dirname, 'index.html'), privacy: path.resolve(__dirname, 'privacy.html'), terms: path.resolve(__dirname, 'terms.html'), refund: path.resolve(__dirname, 'refund.html'), about: path.resolve(__dirname, 'about.html'), } } }, plugins: [ vue(), styleImport({ resolves: [VantResolve()], }), ],});Vue3 + Vite 多入口配置(vue多入口文件)

其实就是多了个build

empty就是“是否清空输出目录”,默认也是true。

然后就会出现这样的报错:

[vite]: Rollup failed to resolve import "src/main.js" from "index.html". This is most likely unintended because it can break your application at runtime. If you do want to externalize this module explicitly add it to `build.rollupOptions.external` error during build: Error: [vite]: Rollup failed to resolve import "src/main.js" from "index.html". This is most likely unintended because it can break your application at runtime. npm ERR! land-page@0.0.0 build_local: `vite build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the land-page@0.0.0 build_local script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR!     C:\Users\admin\AppData\Roaming\npm-cache\_logs\2022-09-05T03_36_40_610Z-debug.log  

<script type="module" src="src/main.js"></script>改成 <script type="module" src="./src/main.js"></script>

style引用的类似报错也按照这么处理即可

本文链接地址:https://www.jiuchutong.com/zhishi/288819.html 转载请保留说明!

上一篇:赤狐,荷兰 (© Wim Weenink/Minden Pictures)

下一篇:前端加密,后端解密的过程及代码(密码明文传输解决,不是太保险。key在前端有显示)(前端加密后端解密代码)

  • 浅谈怎样优化网站内页(简述如何优化网站的方法)

    浅谈怎样优化网站内页(简述如何优化网站的方法)

  • photoshop文字工具包含哪些工具(Photoshop文字工具中的什么在输入提交后形成文字区域)

    photoshop文字工具包含哪些工具(Photoshop文字工具中的什么在输入提交后形成文字区域)

  • 微信怎么更新(微信怎么更新身份证有效期)

    微信怎么更新(微信怎么更新身份证有效期)

  • 华为p40什么处理器(华为p60和p50的区别)

    华为p40什么处理器(华为p60和p50的区别)

  • 钉钉连麦怎么连不上(钉钉连麦怎么连不上视频)

    钉钉连麦怎么连不上(钉钉连麦怎么连不上视频)

  • qq气泡怎么设置(QQ气泡怎么设置成圆的)

    qq气泡怎么设置(QQ气泡怎么设置成圆的)

  • 小程序如何退出登录(微信小程序如何退出)

    小程序如何退出登录(微信小程序如何退出)

  • 怎样在微信上申请健康码(怎样在微信上申请微信收款码)

    怎样在微信上申请健康码(怎样在微信上申请微信收款码)

  • 选中选区的快捷键(选中快捷键怎么操作)

    选中选区的快捷键(选中快捷键怎么操作)

  • 怎么判断是钢化膜碎了还是屏幕(怎么判断是钢化膜坏了还是屏坏了)

    怎么判断是钢化膜碎了还是屏幕(怎么判断是钢化膜坏了还是屏坏了)

  • 怎么设置微信悬浮在其它应用上面(怎么设置微信悬浮窗口)

    怎么设置微信悬浮在其它应用上面(怎么设置微信悬浮窗口)

  • 淘宝待评价多久就不显示了(淘宝待评价多久过期)

    淘宝待评价多久就不显示了(淘宝待评价多久过期)

  • 买主板送的光盘怎么用(买主板送的光盘是什么东西)

    买主板送的光盘怎么用(买主板送的光盘是什么东西)

  • 华为手机验证码不弹出是怎么回事(华为手机验证码自动填充设置)

    华为手机验证码不弹出是怎么回事(华为手机验证码自动填充设置)

  • qq卸载多久显示不在线(qq卸载了是什么状态)

    qq卸载多久显示不在线(qq卸载了是什么状态)

  • ps文件损坏怎么修复(ps文件损坏怎么恢复数据)

    ps文件损坏怎么修复(ps文件损坏怎么恢复数据)

  • 华为mate30pro有杜比音效吗(mate30pro的)

    华为mate30pro有杜比音效吗(mate30pro的)

  • oppo手机黑屏怎么办(oppo手机黑屏怎么调回来)

    oppo手机黑屏怎么办(oppo手机黑屏怎么调回来)

  • 金山文档小程序如何打印(金山文档小程序怎么导出excel文件)

    金山文档小程序如何打印(金山文档小程序怎么导出excel文件)

  • 优酷app扫码在哪(优酷APP扫码在哪里)

    优酷app扫码在哪(优酷APP扫码在哪里)

  • 快手没有播放量怎么办(快手没有播放量怎么回事)

    快手没有播放量怎么办(快手没有播放量怎么回事)

  • 华为手机为什么一直说话(华为手机为什么不能快速充电了)

    华为手机为什么一直说话(华为手机为什么不能快速充电了)

  • 苹果镜像怎么连接电视(苹果镜像怎么连ipad)

    苹果镜像怎么连接电视(苹果镜像怎么连ipad)

  • 一个简单HTML5期末考核大作业,学生个人html静态网页制作代码(html5简单吗)

    一个简单HTML5期末考核大作业,学生个人html静态网页制作代码(html5简单吗)

  • 谁能真正替代你?AI辅助编码工具深度对比(chatGPT/Copilot/Cursor/New Bing)(谁能代替你啊)

    谁能真正替代你?AI辅助编码工具深度对比(chatGPT/Copilot/Cursor/New Bing)(谁能代替你啊)

  • 节能服务公司可以做什么
  • 增量留抵退税会计处理
  • 纳税人资格类型有哪些
  • 专票现金支付规定
  • 金税盘技术维护费怎么申报
  • 如何查询公司的财务负责人
  • 销售使用过的汽车如何缴纳增值税
  • 个人独资企业注册流程
  • 房地产企业利息资本化条件有哪些
  • 收到固定资产抵账增值税计税基础
  • 高速公路过路费计入什么会计科目
  • 网上平台服务年费应该计入什么费用?
  • 待处理产品损益账户的核算内容不包括
  • 屋面维修按定额预算明细表
  • 企业购买饮水机滤芯会计分录
  • 企业所得税预缴计算方法
  • 企业在筹建期间发生的费用
  • 事业单位取得的财政拨款免税吗
  • 小规模跨年发票可以入账吗
  • 电子汇票如何使用
  • 销售结算款扣款怎么记账?
  • 施工单位临时设施的搭建费属于
  • 包装物计价
  • 银行承兑汇票怎么开
  • 法院强制拍卖房子流程
  • 收到外币货款账务处理
  • 普通支票如何转账
  • falogincn修改无线密码
  • 个税代扣代缴手续费返还增值税税率
  • 鸿蒙系统2.0怎么升级3.0
  • php字符串变量
  • 应交税金减免税款
  • 外购固定资产入账
  • PHP:class_implements()的用法_spl函数
  • 单反镜头直径越大是不是就越好
  • php零基础教程
  • 季节性用工政策
  • php fpm原理
  • Laravel 5.4因特殊字段太长导致migrations报错的解决
  • 公司清算的补偿方案是不是应该公布了
  • vue系列教程
  • 卖家运费险是不是退货免费
  • 其他收益放在哪里
  • php网站漏洞
  • 交易性金融资产是什么意思
  • 营改增后为什么利息要提供发票吗
  • 如何处理库存货
  • 待抵扣进项税额分录
  • 银行账跨年一直没做怎么补
  • 收据和收款收据的法律效力
  • 投资收益期末余额在借方还是贷方
  • 发票的几种分类
  • 小规模升级一般纳税人有什么好处
  • 新会计准则待摊费用还有吗
  • sqlmap 提权
  • 如何保证系统异常状态
  • windows任务管理
  • win10预览版选哪个
  • ubuntu系统怎么用
  • Linux系统用命令进行盘数据往外读不可
  • linux如何进行命令操作
  • opengl 4.2
  • vc6.0配置opengl设置目录路径
  • jquery1
  • 自动化软件安装工具
  • perl列表去重
  • perl ne
  • 泛型类泛型接口泛型方法
  • jQuery EasyUI Tab 选项卡问题小结
  • 莱鸟人集团
  • adb工具使用说明文档下载
  • python3 with语句
  • 云南人社医保缴费步骤
  • 车价36万保险一般多少钱
  • 社保已经申报成功未缴费在哪交费
  • 上海税务机关代码查询
  • 国家税务总局服务中心
  • 城镇土地使用税暂行条例
  • 对外销售产品
  • 纳税申报的期限是什么意思
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设