vite 打包配置并部署到 nginx

Vite是一个渐进式前端构建工具，它强调快速启动、热更新和零配置。对于打包配置，Vite默认已经做了优化，但在部署到Nginx之前，你需要了解以下几个步骤：

1. **创建生产环境构建**：
- 使用Vite提供的`vite build`命令生成静态文件到`dist`目录下。这将包含所有必要的JavaScript、CSS和其他资源。

   vite build

2. **修改`package.json` scripts**：
如果你想自动化这个过程，可以在`package.json`中添加一个`build`脚本，以便于一键运行。

   "scripts": {
     "build": "vite build"
   }

3. **Nginx配置**：
- 配置Nginx，将`dist`目录设置为网站的根目录。在`nginx.conf` 或对应的虚拟主机配置文件中，添加类似这样的内容：

   server {
       listen 80;
       root /path/to/your/vite-project/dist;
       index index.html;
       try_files $uri $uri/ =404;
   }

确保替换`/path/to/your/vite-project`为你项目的实际路径。

4. **访问测试**：
重启Nginx服务后，通过服务器IP地址或域名访问`http://your-site.com`，应该能看到Vite应用的生产版本。