Vite开发快速入门

Posted xiangzhihong8

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vite开发快速入门相关的知识,希望对你有一定的参考价值。

一、Vite简介

Vite (法语意为 “快速的”,发音 /vit/) 是一种面向现代浏览器的一个更轻、更快的前端构建工具,能够显著提升前端的开发体验。除了Vite外,前端著名的构建工具还有Webpack和Gulp。目前,Vite已经发布了Vite2,Vite全新的插件架构、丝滑的开发体验,可以和Vue3的完美结合。

1.1 Vite组成

Vite构建工具由两部分组成:

  • 一个开发服务器,它基于原生 ES 模块提供了丰富的内建功能,如模块热更新(HMR)
  • 一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可以输出用于生产环境的优化过的静态资源。

总的来说,Vite希望提供开箱即用的配置,同时它的插件API和javascript API带来了高度的可扩展性。不过,相比Vue-cli配置来说,Vite构建的项目还是有很多的配置需要开发者自己进行处理。

1.2 浏览器支持

以上是关于Vite开发快速入门的主要内容,如果未能解决你的问题,请参考以下文章

Vite 开发快速入门

入门React 17 + Vite + ECharts 实现疫情数据可视化「02 快速搭建项目」

入门React 17 + Vite + ECharts 实现疫情数据可视化「02 快速搭建项目」

入门React 17 + Vite + ECharts 实现疫情数据可视化「04 初始化项目」

入门React 17 + Vite + ECharts 实现疫情数据可视化「04 初始化项目」

入门React 17 + Vite + ECharts 实现疫情数据可视化「03 学习 React Hooks」