怎么配置uniapp项目打包h5按图一来？不要出现uni_modules？

欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。

要让 uni-app 打包 H5 后目录结构为 仅有 index.html、static、assets（即不出现 uni_modules 文件夹），请按以下步骤操作：

✅ 步骤一：移除所有 uni_modules 插件

1. 删除项目中的 uni_modules 文件夹（位于项目根目录）。
2. 检查并清理以下文件中的引用：
   • manifest.json：删除 "uni_modules" 字段（如果有）。
   • pages.json：确保没有引用 uni_modules/xxx 中的页面或组件。
   • 代码中：全局搜索 import xxx from '@/uni_modules/...' 或 import xxx from 'uni_modules/...'，全部移除。
3. 卸载 npm 中的 uni_modules 插件（如有）：

   npm uninstall uni_modules/xxx  

✅ 步骤二：重新打包 H5

• HBuilderX 操作：

  1. 点击菜单栏 发行 → 网站-H5手机版。
  2. 打包完成后，查看 unpackage/dist/build/web/ 目录，结构应为：

     unpackage/dist/build/web/  
     ├─ index.html  
     ├─ static/  
     └─ assets/  

  3. 确认无 uni_modules 文件夹。

• CLI 项目：

  npm run build:h5  

⚠️ 注意事项

• 只要项目中存在任何 uni_modules 插件引用（包括 manifest.json、pages.json 或代码中），打包时就会生成 uni_modules 文件夹。
• 若使用了 uni-upgrade-center-app 等插件，该插件本身不支持 H5，需通过条件编译排除：

  // #ifndef H5  
  import upgradeCenter from '@/uni_modules/uni-upgrade-center-app';  
  // #endif  

完成上述步骤后，您的 H5 打包结果将完全符合图一的目录结构，不会出现 uni_modules。