如何修改Wxt扩展框架的输出目录？

当然可以修改Wxt项目的输出目录，具体操作如下：

• 找到项目根目录下的wxt.config.ts（或wxt.config.js）配置文件，没有的话直接新建一个
• 在配置文件里通过outDir选项指定非隐藏的输出目录，比如dist或build，示例代码如下：

import { defineConfig } from 'wxt';

export default defineConfig({
  // 将输出目录改为根目录下的dist文件夹
  outDir: './dist',
});

如果需要调整开发模式下的临时输出目录（默认也是隐藏文件夹），可以在dev字段里单独配置：

export default defineConfig({
  outDir: './dist',
  dev: {
    // 开发模式的输出目录改为dev-dist
    outDir: './dev-dist',
  },
});

配置完成后，执行构建命令（npm run build或wxt build），扩展就会输出到你指定的非隐藏目录里，此时在Chrome的chrome://extensions/页面加载已解压扩展时就能正常看到并选择该目录了。

内容的提问来源于stack exchange，提问作者Anjan Talatam