webpack 打包 node 服务端代码 __dirname 失效问题

最新推荐文章于 2025-10-16 11:10:17 发布

原创最新推荐文章于 2025-10-16 11:10:17 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

node 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了如何在Webpack中配置Node环境，特别关注于如何正确设置__dirname和__filename，以确保服务端代码能够正确地引用资源。通过示例代码展示了在webpack.config.server.js中如何配置output、mode、target和externals等选项，以实现服务端代码的高效打包。

具体情况配置参考官网

https://webpack.js.org/configuration/node/#node-__dirname

webpack.config.server.js

const serverConfig = {
  output: {
    filename: 'index.js',
    path: Path.join(__dirname, '../public/')
  },
  mode: isDev ? 'development' : 'production',
  node: {
    __filename: false,
    __dirname: false
  },
  target: 'node', // 服务端打包
  externals: [webpackNodeExternals()], // 服务端打包套件
  ...
}

这样 __dirname 的值就会是 webpack 编译出来的 index.js 所在目录的绝对路径