WXT浏览器插件开发中文教程(10)----WXT配置详解之构建模式

倔强青铜三2025-03-29 15:23

前言

大家好，我是倔强青铜三 。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！

构建模式

因为 WXT 是基于 Vite 构建的，所以它以相同的方式支持模式。

在运行任何开发或构建命令时，可以通过传递 --mode 标志来指定模式：

sh 复制代码

wxt --mode production
wxt build --mode development
wxt zip --mode testing

默认情况下，对于开发命令，--mode 是 development，而对于所有其他命令（构建、打包等），--mode 是 production。

在运行时获取模式

您可以通过 import.meta.env.MODE 在扩展中访问当前模式：

ts 复制代码

switch (import.meta.env.MODE) {
  case 'development': // ...
  case 'production': // ...
  // 使用 --mode 指定的自定义模式
  case 'testing': // ...
  case 'staging': // ...
  // ...
}

最后感谢阅读！欢迎关注我，微信公众号 ：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！