命令解析

在安装了 Vite 的项目中，可以在 npm scripts 中使用 vite 可执行文件，或者直接使用 npx vite 运行它。

下面是通过脚手架创建的 Vite 项目中默认的 npm scripts：

{
  "scripts": {
    "dev": "vite", // 启动开发服务器，别名：`vite dev`，`vite serve`
    "build": "vite build", // 为生产环境构建产物
    "preview": "vite preview" // 本地预览生产构建产物
  }
}

基础

Bundle 和 Bundless

Bundle 工具

在Vite没有诞生之前，前端大多都是基于 webpack 构建的，主要离不开以下两点：

• 本地开发（热更新HMR）
• 打包上线

webpack的核心简单概括就是将各类资源打包整合在一起，形成 bundle 的能力。

但是随着项目的不断迭代，代码量逐渐增加，此时项目打包时间逐渐增加，构建效率越来越低。