如何跟webpack一起搭建cdn？

Question

我创建了一个这样的模块：

export default () => console.log('hello my_module~!')

webpack.config.js文件中的设置如下所示：

module.exports = {
  // ...
  output: {
    // ...
    library: 'hello',
    libraryTarget: 'var'
  }
}

在html文件中，脚本代码是：

<script src="/output_my_module.js"></script>
<script>
  hello.default(); // yea~ It's work!!
</script>

但我想要的方式如下：

hello(); // I want use like this.

我该怎么办？我读了webpack's doc，但找不到方法。(也许我错过了，因为我的英语不好…)

Answer 1

您应该将libraryExport设置为您的配置。

  library: 'hello',
  libraryTarget: 'var',
  libraryExport: 'default'