Vite是什么,如何安装及使用
Admin 2022-05-30 群英技术资讯 1581 次浏览
这篇文章给大家介绍了“Vite是什么,如何安装及使用”的相关知识,讲解详细,步骤过程清晰,有一定的借鉴学习价值,因此分享给大家做个参考,感兴趣的朋友接下来一起跟随小编看看吧。Vite是一个web开发构建工具,它通过本机 ES 模块导入在开发过程中更新代码,达到快速更新的目的。
特点
Vue用户注意:Vite当前仅适用于Vue3.x。这也意味着您不能使用尚未与Vue 3兼容的库。
npm init vite-app <项目名称> cd <项目名称> npm install npm run dev ## 执行完以上命令,就意味着你的vue3.0项目已经用上了vite了
就vite目前给我的感觉,就是一个字,快。
用作者的话来说,就是直接请求.vue文件,让浏览器进行解析
最新版的浏览器是支持直接使用import和export关键字了,也就是浏览器开始原生支持模块功能了,这也是Vite使用到的特性之一。
“说了那么多,不如抓个包看看?”
当然可以!在这里我只修改了HelloWorld.vue文件

然后我再次修改了App.vue文件 (不要在意时间戳不一样,我只是不小心删除了,然后又懒得重来)

到这里,相比对Webpack的Code Splitting实现按需加载的方式,Vite给我确实体验是快速了很多
Vite虽然很爽,但是当前RC 1版本仅适用于Vue3.x,不能使用和Vue3不兼容的库。(速度肯定是比webpack快的,各方面)
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章我们来了解jQuery去除input值空格的方法,这里使用到两个方法,val()方法和trim()方法,下文有具体的实现代码,对大家学习这两种方法的使用及去除input值空格都有帮助,有需要的朋友可以参考,接下来就跟随小编来一起学习一下吧!
这篇文章主要介绍了VUE+Canvas实现财神爷接元宝小游戏,需要的朋友可以参考下本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
在实际的应用中,有些场景需要在屏幕上做实时字体滚动播放,例如类似服务厅叫号显示,又或者是内容滚动循环播放,那么这样的功能是怎样做的呢?接下来小编就给大家分享怎样用jQuery实现这样的功能,实现代码如下。
在我们的印象使用中,vue除了写业务代码没有特别新奇的功能了,今天就来看看如何自动化生成vue组件文档
jQuery是一bai个简洁而快速的JavaScript库,可用于du简化zhi事件处理,HTML文档遍历,Ajax交互和dao动画,以更快速开发网站
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准(ICP备案)粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008