Vue3/ Vite 的使用介绍 、Vite 方式工作流程 与 传统方式工作流程区别
创始人
2024-05-07 08:54:29
一. Vite 的使用介绍
优势:
-
💡极速的服务启动 使用了原生的 ESM文件 无需打包
-
⚡️ 轻量快速的热重在 始终极快的模块热重载
-
🛠️丰富的功能 对于 typescript jsx css 等支持开箱即用
-
📦 等等
二.Vite 方式工作流程 与 传统方式工作流程区别
传统方式:
- 基于打包器的方式启动 必须优先抓取并构建整个应用 然后才能提供服务
- 更新速度会随着应用体积增长而直线下降
Vite方式:
-
Vite以 原生ESM 方式提供源码 实际上是让浏览器接管了 打包程序的部分工作
-
Vite只需要在浏览器 请求源码时 进行转换并按需提供源码
-
根据场景动态导入代码 即只在当前屏幕上实际使用时才会被处理
总结:
-
使用webpack能否创建vue3的项目
Vue2时是采用的vue-cli 作为构建工具 底层基于webpack
2. vue-cli 既可以开发Vue2项目又可以开发Vue3项目 创建项目时选择一下即可
3. vite开发基于浏览器原生es6 module 所以启动速度极快 生成环境使用 rollup另一款打包工具
vue-cli 不管是 生产还是开发环境都是基于webpack打包 开发前需要把所有文件先打包才能启动服务 虽然说有热更新 项目大了之后 一样卡
4. 现在vite刚出来不久 ，生态环境不成熟 (就是说周边的插件比较少) 而webpack存在的时间长 周边生态非常完善 适用于企业级项目
相关内容
热门资讯
苗族的传统节日 贵州苗族节日有...
【岜沙苗族芦笙节】岜沙，苗语叫“分送”，距从江县城7.5公里，是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景...
北京从元代开始，逐渐走上帝国首都的道路，先是成为大辽朝五大首都之一的南京城，随着金灭辽，金代从海陵王...
怎么设置空号 怎么设置手机暂时...
想让电话暂时处理无法接通状态，需将来电转接至处于占线状态的号码。以系统版本为EMUI11的华为nov...
长白山自助游攻略 吉林长白山游...
昨天介绍了西坡的景点详细请看链接：一个人的旅行，据说能看到长白山天池全凭运气，您的运气如何？今日介绍...
应用未安装解决办法 平板应用未...
---IT小技术，每天Get一个小技能！一、前言描述苹果IPad2居然不能安装怎么办？与此IPad不...
脚上的穴位图 脚面经络图对应的...
人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用，包括头部穴位图、胸部穴位图、背部穴位图、胳...
猫咪吃了塑料袋怎么办 猫咪误食...
你知道吗？塑料袋放久了会长猫哦！要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
demo什么意思 demo版本...
618快到了，各位的小金库大概也在准备开闸放水了吧。没有小金库的，也该向老婆撒娇卖萌服个软了，一切只...
世界上最漂亮的人 世界上最漂亮...
此前在某网上，选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中，人们投票选出了心目中最美...
苗族的传统节日 贵州苗族节日有...
【岜沙苗族芦笙节】岜沙，苗语叫“分送”，距从江县城7.5公里，是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景...
北京从元代开始，逐渐走上帝国首都的道路，先是成为大辽朝五大首都之一的南京城，随着金灭辽，金代从海陵王...
梅花树怎么画 一棵梅花树怎么画
梅花，属蔷薇科落叶小乔木，品种甚多。花瓣从五出者皆多入画。人们习惯将它与兰、竹、菊合在一起称为“四君...
世界上最漂亮的人 世界上最漂亮...
此前在某网上，选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中，人们投票选出了心目中最美...
长白山自助游攻略 吉林长白山游...
昨天介绍了西坡的景点详细请看链接：一个人的旅行，据说能看到长白山天池全凭运气，您的运气如何？今日介绍...
应用未安装解决办法 平板应用未...
---IT小技术，每天Get一个小技能！一、前言描述苹果IPad2居然不能安装怎么办？与此IPad不...
脚上的穴位图 脚面经络图对应的...
人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用，包括头部穴位图、胸部穴位图、背部穴位图、胳...
demo什么意思 demo版本...
618快到了，各位的小金库大概也在准备开闸放水了吧。没有小金库的，也该向老婆撒娇卖萌服个软了，一切只...
猫咪吃了塑料袋怎么办 猫咪误食...
你知道吗？塑料袋放久了会长猫哦！要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...