什么是vite 以及为什么要使用vite(即vite的优点)?

 一,什么是vite?

vite是前端的构建工具,和webpack类似。

二,vite有哪些优点?

     1,极速的服务启动,使用原生 ESM 文件,无需打包。

     2,轻量快速的热重载,无论应用程序大小如何,都始终极快的模块热重载(HMR)

     3,丰富的功能,对 TypeScript、JSX、CSS 等支持开箱即用。

     4,优化的构建,可选 “多页应用” 或 “库” 模式的预配置 Rollup 构建

     5,通用的插件,在开发和构建之间共享 Rollup-superset 插件接口。

     6,完全类型化的API,灵活的 API 和完整 TypeScript 类型。

三,vite有哪些劣势?

  1. 生态不及webpack,加载器、插件不够丰富
  2. 打包到生产环境时,vite使用传统的 rollup(也可以自己手动安装webpack来)进行打包
  3. 项目的开发浏览器要支持 ES Module,而且不能识别 CommonJS 语法

四,vite / wedpack 的打包原理 

     webpack打包原理什么是vite 以及为什么要使用vite(即vite的优点)?_第1张图片

     vite打包原理

什么是vite 以及为什么要使用vite(即vite的优点)?_第2张图片

你可能感兴趣的:(前端,javascript,typescript)