初识vite

vite两个主要部分组成

  1. dev server:利用浏览器的ESM能力来提供文件,具有丰富的内置功能并具有高效的热更新
  2. 生产构建:生产环境利用Rollup来构建代码,提供指令来优化构建过程。

概念:

  • 基于浏览器原生的ESM的构建工具,它省略的开发环境的打包过程
  • 利用浏览器去解析imports,在服务端编译时返回.

- Vite的优势

  • 使用简单
    • Vite把能够封装的配置都封装了。底层为Rollup,Rollup的配置比webpack配置项更简单。
    • 集成了dev sever,相比于webpack需要加webpack-sever再配置。
    • 启动项目快,编译实时更新
    • 不会随着模块的增多而减慢编译速度
  • 便于拓展
    • vite兼容大部分Roullup插件,在vite的初期就有一个成熟的社区生态

- 相比于Snowpack的区别

  • 在生产构建上

snowpack生产和开发环境都是用Rollup,这样不太利友好,一般开发时用自己的电脑,兼容性版本也可以开发的。而vite在生成环境采用

  • 在功能上
    • 多页面应用支持
    • 库模式
    • 自动分隔css代码
    • 预优化的异步chunk加载
    • 对动态导入自动polyfill
    • 官方兼容模式插件打包为现代/传统两种产物,并根据浏览器的版本自动交付正确的版本。

这部分可看官方文档

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

影风莫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值