使用 Webpack 5 发布导出函数

Question

从入口文件 index.js 中导出函数 createTableFromJSON(json) 并且此配置示例遵循 the official Webpack wiki 上给出的规范：

const config = {
  entry: './assets/javascripts/index.js',
  output: {
    library: {
      name: 'HotchPotch',
      type: 'global'
    },
    libraryTarget: 'var',
    path: path.resolve(__dirname, 'static'), // Should be in STATICFILES_DIRS
    publicPath: '/static/', // Should match Django's STATIC_URL
    // filename: '[name].js', // No filename hashing, Django takes care of this
    filename: 'main.js',
    // chunkFilename: '[id]-[chunkhash].js', // DO have Webpack hash chunk filename
    clean: true
  },

预计会出现函数导出，但实际上并没有。 HotchPotch 也被记录为 undefined。此配置有什么问题？

Answer 1

我发现需要通过变量 global 访问导出的方法。

使用 Webpack 5 发布导出函数

Issue exporting functions using Webpack 5

javascript

webpack-5