Vite 入门

一，简介

项目构建打包工具
一个由 vue 作者尤雨溪开发的 web 开发工具

注意：Vite的生产环境下打包是通过Rollup来完成的

Rollup是JavaScript的模块bundler(打包器)，可以将一小段代码编译为更大或更复杂的内容，例如库或应用程序。

也就是说Vite提供的是开发环境中的编译，打包工作是依靠的Rollup。

在使用Vite前，你需要知道一点，目前它只支持Vue3.x的版本。

二，使用

1，npm方式

npm init vite-app <project-name>
cd <project-name>
npm install
npm run dev

如果一切正常，在命令行中，你可以看到如下结果：

vite v1.0.0-rc.9
[vite] Optimizable dependencies detected:
vue

  Dev server running at:
  > Network:  http://192.168.0.118:3000/
  > Local:    http://localhost:3000/

2，yarn方式

yarn create vite-app <project-name>
cd <project-name>
yarn
yarn dev