Vite4新特性介绍,相较于Vite3有哪些新功能?
官方介绍更新日志:https://vitejs.dev/blog/announcing-vite3.html#dev-improvements
Vite3更新日志
Vite 不再支持 Node v12,因为它已经进入了 EOL 阶段。现在你必须使用 Node 14.18+ 及以上版本。
迁移指南:https://cn.vitejs.dev/guide/migration.html#general-changes
1.Terser
现在是一个可选依赖。如果你使用的是 build.minify: 'terser'
,需要手动安装.
npm i -D terser
2.import.meta
import.meta.glob 的 key 现在是相对于当前模块。
// 文件:/foo/index.js
const modules = import.meta.glob('../foo/*.js')
// 转换为:
const modules = {
- '../foo/bar.js': () => {}
+ './bar.js': () => {}
}
提示
经过实际测试,返回的结构还是之前的2.x版本的结构
多个模式可以作为数组传递
import.meta.glob(['./dir/*.js', './another/*.js'])
现在支持否定模式!(以 为前缀)忽略某些特定文件
import.meta.glob(['./dir/*.js', '!**/bar.js'])
可以指定命名导入以改进 tree-shaking
import.meta.glob('./dir/*.js', { import: 'setup' })
可以传递自定义查询以附加元数据
import.meta.glob('./dir/*.js', { query: { custom: 'data' } })
import.meta.globEager 已经弃用,使用 import.meta.glob('*', { eager: true }) 来代替。
import.meta.glob('./dir/*.js', { eager: true })
3.自动生成 https 证书
当使用 https 时需要一个合法可用的证书。在 Vite v2 中,如果没有配置证书,Vite 会自动生成和缓存一个自签名的证书。 从 Vite v3 开始,我们推荐手动创建你自己的证书。如果你仍想要使用 v2 中的自动生成,该功能可以通过添加 @vitejs/plugin-basic-ssl 到项目插件中来实现。
import basicSsl from '@vitejs/plugin-basic-ssl'
export default {
plugins: [basicSsl()]
}
提示
这个证书同样还是不受信任的证书,初次访问还是得点信任。
Vite4更新日志
官方文档:https://vitejs.dev/blog/announcing-vite4.html
安装后,同步升级@vitejs/plugin-vue、@vitejs/plugin-react到4.0版本即可。
安装Vite
要求 { node: '^14.18.0 || >=16.0.0' },直接指定版本升级好多依赖项报错,推荐重新安装重新配置。
npm create vite@latest
相关文章
- DevOps成熟度模型:当今世界的趋势和优秀实践
- 如何从 Debian 稳定版切换到 Debian 测试版
- 如何编写 C 程序在 Linux 上创建音乐播放列表
- 浏览器缓存库设计总结(localStorage/indexedDB)
- Windows版iCloud密码开始支持2FA双因素认证码
- 这些傻白甜的Linux命令,不会有人教你!
- 系统性能分析从入门到进阶
- 如何在 Arch Linux 中安装深度桌面(DDE)
- 一篇带你了解什么是 LFU 算法?
- CentOS 7系统优化脚本
- Linux常用系统性能监控命令
- 在 Linux 上使用 Rhythmbox 听音乐
- Kubernetes 生态下的 GitOps 常用工具大盘点
- 使用LiteOS Studio揭秘LiteOS在STM32上如何运行
- 当你在终端上按下一个键时会发生什么?
- 这些 Linux 的自动化技巧,教你轻松完成任务
- 三款适合只想完成工作的 Linux 发行版
- 在 Ubuntu 中使用 apt 命令列出可升级的软件包
- 浅析 Kubernetes 多集群调度方案
- SpringCloud OpenFeign + Nacos正确打开方式!