Esbuild能否打包express.static依赖的静态资源并兼容该中间件使用？

可以实现，核心是调整esbuild打包配置（取消排除public目录），并将静态资源文件复制到打包后的输出目录，这样Express的express.static中间件仍能正常服务这些文件。以下是具体步骤：

1. 调整esbuild打包配置 #

首先移除原命令中的--external:./public/*参数——该配置会将public目录排除在打包流程外，而现在需要将其纳入处理。由于esbuild本身不会自动复制静态资源文件，推荐使用esbuild-plugin-copy插件完成文件复制：

安装依赖 #

npm install esbuild-plugin-copy --save-dev

创建esbuild配置文件 #

新建esbuild.config.js文件，定义打包逻辑和静态资源复制规则：

const esbuild = require('esbuild');
const copy = require('esbuild-plugin-copy');

esbuild.build({
  entryPoints: ['app.js'],
  bundle: true,
  platform: 'node',
  outfile: 'out.js',
  plugins: [
    copy({
      assets: [
        {
          // 匹配public目录下所有文件及子目录
          from: ['./public/**/*'],
          // 将文件复制到与out.js同层级的public文件夹
          to: ['./public/']
        }
      ]
    })
  ]
}).catch(() => process.exit(1));

更新package.json脚本 #

将原build命令替换为调用配置文件：

"scripts": {
  "build": "node esbuild.config.js"
}

2. 确认Express路径解析正确性 #

打包完成后，out.js会和复制后的public目录处于同一层级，原有的express.static代码无需修改：

app.use('/', express.static(path.join(__dirname, 'public')));

因为打包后的__dirname指向out.js所在目录，path.join(__dirname, 'public')会正确指向复制后的静态资源目录。

替代方案（无需插件） #

若不想安装额外插件，可在esbuild打包完成后通过终端命令复制静态资源，注意跨平台兼容性：

"scripts": {
  "build": "esbuild app.js --bundle --platform=node --outfile=out.js && cp -r public/ ./public"
}

Windows系统需将cp -r替换为xcopy public\* ./public\ /E /I。

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