WXT发布自动化：终极指南 - 从打包到商店提交全流程

WXT发布自动化：终极指南 - 从打包到商店提交全流程

【免费下载链接】wxt ⚡ Next-gen Web Extension Framework 项目地址: https://gitcode.com/gh_mirrors/wx/wxt

WXT作为下一代Web扩展框架，为开发者提供了完整的发布自动化解决方案。通过WXT的智能发布工具，您可以轻松实现从代码打包到各大浏览器商店提交的全流程自动化，大幅提升扩展发布效率。🔥

🚀 一键打包：WXT ZIP命令详解

WXT的打包功能是发布流程的第一步，通过简单的命令即可生成适用于不同浏览器的扩展包：

wxt zip                    # Chrome/Edge打包
wxt zip -b firefox         # Firefox打包（包含源代码）
wxt zip --sources          # 强制生成源代码包

打包过程中，WXT会自动排除配置文件、隐藏文件、测试文件等不必要的内容，确保最终包体精简且符合各商店要求。

📦 多平台发布：WXT Submit命令实战

WXT Submit命令是整个发布流程的核心，支持同时向Chrome Web Store、Edge Addons和Firefox Addons Store提交更新。

初始化配置

首次使用前，运行wxt submit init进行配置初始化：

wxt submit init

该命令会引导您完成所有必要的配置，生成包含API密钥和发布设置的.env.submit文件。

提交新版本

配置完成后，使用Submit命令提交新版本：

wxt submit \
  --chrome-zip .output/your-extension-chrome.zip \
  --firefox-zip .output/your-extension-firefox.zip \
  --firefox-sources-zip .output/your-extension-sources.zip \
  --edge-zip .output/your-extension-chrome.zip

🔧 高级配置：定制化发布流程

Firefox商店特殊要求

针对Firefox Addon Store的特殊要求，WXT提供了专门的解决方案：

// wxt.config.ts
export default defineConfig({
  zip: {
    includeSources: ['.env.example'],
    excludeSources: ['node_modules/**'],
    downloadPackages: true  // 自动下载私有包
  }
})

测试模式

在正式提交前，建议先使用--dry-run参数进行测试：

wxt submit --dry-run \
  --chrome-zip .output/*-chrome.zip \
  --firefox-zip .output/*-firefox.zip

🤖 CI/CD集成：GitHub Action示例

将WXT发布流程集成到CI/CD中，实现自动化发布：

name: Submit Extension
on:
  push:
    branches: [main]

jobs:
  submit:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
      - run: pnpm install
      - run: pnpm zip
      - run: pnpm zip:firefox
      - run: pnpm wxt submit \
          --chrome-zip .output/*-chrome.zip \
          --firefox-zip .output/*-firefox.zip \
          --firefox-sources-zip .output/*-sources.zip

💡 最佳实践：提升发布效率

1. 版本管理：使用语义化版本控制，确保每次发布都有明确的版本标识
2. 变更日志：为每次发布维护详细的变更日志，方便用户了解更新内容
3. 预发布测试：充分利用--dry-run功能，在正式发布前验证配置
4. 环境变量：在CI环境中正确配置所有必要的环境变量

🎯 总结

WXT的发布自动化工具为Web扩展开发者提供了完整的解决方案，从代码打包到多平台发布，每个环节都经过精心设计。通过本文介绍的WXT发布流程，您可以：

• 实现一键打包和发布
• 支持多浏览器商店同时发布
• 集成到CI/CD流程实现完全自动化
• 满足各商店的特殊要求

开始使用WXT的发布自动化功能，让您的扩展发布变得更加简单高效！✨

【免费下载链接】wxt ⚡ Next-gen Web Extension Framework 项目地址: https://gitcode.com/gh_mirrors/wx/wxt