如何配置Webpack生成带export的模块用于测试？

要让Webpack生成带export语句的ES模块格式bundle，而非自执行函数，只需修改配置中的output.library相关参数：

• 核心配置：在webpack.config.js的output字段里设置library.type为esmodule，这会让Webpack输出符合ES模块规范的代码，自动生成export语句。
  示例代码：

  module.exports = {
    // 其他配置（entry、module等）
    output: {
      filename: 'bundle.js',
      path: path.resolve(__dirname, 'dist'),
      library: {
        type: 'esmodule' // 关键配置
      }
    }
  };
  

• 可选：如果需要明确指定导出的变量名（比如你的subscriptions），可以补充library.name：

  library: {
    name: 'subscriptions',
    type: 'esmodule'
  }
  

配置完成后重新打包，生成的bundle就会是你期望的export const subscriptions = ...形式，直接能在测试代码里用import { subscriptions } from './dist/bundle.js'导入使用。

关于验证resolve.alias是否正确：
你可以在测试中调用导出的subscriptions模块，检查其功能是否符合预期（比如是否正确引用了alias指向的文件）；也可以直接查看生成的bundle代码，确认alias对应的路径已经被替换成你配置的目标路径。

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