vite 是什么

  • 一个前端打包工具，Vue作者发起的项目
  • 借助 Vue 的影响力，发展较快，和 webpack 竞争
  • 优势：开发环境下无需打包，启动速度快

为什么快

  • 开发环境使用ES6 Module，无需打包 ——非常快
  • 生产环境使用 rollup，并不会快很多

ES6 Module 可以在现代浏览器中运行

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.   <title>Document</title>
  8. </head>
  9. <body>
  11.   <script type="module">
  12.     import add from './es/add.js';
  14.     const res = add(1, 2);
  15.     console.log('res', res);
  16.   </script>
  17. </body>
  18. </html>