vite PK webpack

主要具有以下特点:

  • 快速的冷启动
  • 即时的模块热更新
  • 真正的按需编译

直接来试用一下:

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

yarn 会快一点:

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

发现跟 vue-cli 生成的文件比较,主要是以下区别:

<script type="module" src="/src/main.js"></script>

其最大的特点是在浏览器端使用 exportimport 的方式导入和导出模块,在 script 标签里设置 type="module"

vite github: https://github.com/vitejs/vite

看知呼 这篇文件

CSDN 这个

.