将 Vite 添加到现有项目 - Shell/Bash

Vite 是一个快速构建现代 Web 应用程序的工具。它基于 ES Modules 动态导入的 JavaScript 开发服务器和构建工具，提供了快速的冷启动能力和极速的热重载体验。接下来将介绍如何将 Vite 添加到现有项目中。

步骤

1. 在项目目录中安装 Vite 和相关依赖：

npm install vite --save-dev

2. 在项目根目录下创建 vite.config.js 文件，并将以下配置复制进去：

module.exports = {
  root: './',
  base: './',
  server: {
    port: 3000,
    watch: {
      usePolling: true
    }
  }
};

3. 修改 package.json 中的 scripts 选项，添加以下命令：

"scripts": {
  "dev": "vite"
}

4. 运行以下命令启动 Vite 开发服务器：

npm run dev

5. 在浏览器中打开 http://localhost:3000 即可查看已有项目的开发模式。

结论

至此，您已经成功将 Vite 添加到现有项目中。使用 Vite 可以加速您的开发流程，并提供了更好的开发体验。