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
相关文章
- paragon15mac NTFS磁盘读写工具功能介绍
- 3M互助公排模式智能合约dapp系统开发方案以及功能介绍
- cleanmymacX2023中文长期使用版本功能介绍
- 最新版Studio One6功能详细介绍
- 极域电子书包全新windows-android功能介绍[通俗易懂]
- nessus安装使用教程_kali linux全部功能教程
- 水果编曲FL Studio21最新中文版软件功能详情介绍
- GuitarPro8新版本下载及功能优化介绍
- Typecho 给评论增加点赞/喜欢功能
- CDR2023最新版新功能介绍CorelDRAW
- FL Studio最新版本号V21.0.0.3290新增功能介绍
- 会声会影2023专业版新功能讲解
- Studio One6.0最新版新增功能介绍
- Photoshop基础界面有哪些功能 Photoshop基础界面介绍【软件安装】
- Boom3D电脑音效增强软件功能介绍
- 会声会影2023旗舰版免费下载,会声会影2023正式版功能介绍
- 会声会影2023有哪些全新功能?对系统要求介绍
- 【Android FFMPEG 开发】FFMPEG 直播功能完整流程 + 源码 ( 源码交叉编译 -> AS工程配置 -> 音视频打开/读取/解码/格式转换 -> 原生绘制播放 -> 音视频同步 )
- 创意无限可能:Adobe Illustrator 2023的全新设计工具和强大功能
- WPJAM Basic 功能详细介绍:CDN 和缩略图开发接口
- 临时变量设置——Linux下的强大功能(linux设置临时变量)
- Oracle:使用动态列增强数据库功能(oracle动态列)
- 微软更新iOS版微软远程桌面应用(RDP) 带来诸多新功能和优化改进等
- Burp Suite扫描器漏洞扫描功能介绍及简单教程
- Linux下的块设备管理功能介绍(linux中块设备)
- 红帽子Linux:强大功能的命令行工具(红帽子linux命令)
- 使用 SQL Server 技术实现数据匹配功能(sqlserver 匹配)
- Oracle数据库功能强大而多样:一窥间(oracle功能介绍)
- 腾讯云Redis强大的数据存储功能(腾讯云redis功能)
- 探索如何开启Redis持久化功能(查看redis开启持久化)
- Oracle字段自增功能的使用介绍(oracle一个字段自增)
- 配置Memcache服务器并实现主从复制功能(repcached)
- Repeater与ListView功能概述及使用介绍