vue2中使用vite(拒绝标题狗!!)

本文详细介绍了如何在Vue2项目中使用Vite,从创建Vue2项目开始,逐步讲解如何安装Vite和Vue2插件,调整index.html的位置,修改router的base,配置vite.config.js,以及最终替换dev/serve命令,实现Vue2项目中Vite的顺畅运行。
摘要由CSDN通过智能技术生成

自从体验了一下vite之后,真的太快了,然而本菜狗对vue3还不是很熟练,就想着在vue2的项目中使用以下vite。

这里就从头开始搞吧。

首先

正常创建vue2项目

vue create vue2_project

在项目中安装vite和vue2插件

npm i -D vite vite-plugin-vue2

调整 index.html 的位置并引入 min.js

这里要把 public 中的 index.html 文件移出来,放到项目文件中,跟 package.json 文件同一目录下
如图:index.html文件路径
然后将 min.js 引入到 index.html 中,如图:
引入min.js
代码:

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值