文件命名

• img-1.jpg, img-2.jpg 等文件被分割到不同文件夹中，是因为 Vite 对资源进行了哈希处理，以避免缓存问题。
• modalSlide.css 文件夹 包含了 CSS 文件。这是因为 Vite 对 CSS 进行了代码分割。
• modulepreload-polyfill 文件夹 是用来支持模块预加载的 polyfill。

资源的拆分

• Swiper 被单独输出是因为它是一个独立的模块，并且被识别为大文件需要单独打包。
• GSAP 被整合进 ugcSlide.js 是因为它可能被认为是一个较小的依赖，没有单独打包的必要。

在每次构建之前，确保清理构建输出目录。你可以在构建脚本中添加清理命令：

1.安装 rimraf：

npm install rimraf --save-dev

2. 在 package.json 中的构建脚本中添加清理命令：

"scripts": {
  "clean": "rimraf dist",
  "build": "npm run clean && vite build"
}

运行构建命令

清理现有构建输出

有时现有的构建输出可能会干扰新构建，确保清理 dist 目录：

rm -rf dist

检查 Vite 版本

npm install vite@latest