Webpack umd 库返回 Object.default

Question

我正在使用具有以下设置的 webpack 编写一个库：

output: {
    path: path.join('build'),
    filename: 'my_lib.js',
    library: 'MyLib',
    libraryTarget: 'umd'
  },

我的图书馆：

export default function() {
  console.log('MyLib');
}

问题是，当我尝试在浏览器中加载 build/my_lib.js 时，访问 MyLib 的唯一方法是通过 MyLib.default ...

任何的想法？

Answer 1

你应该设置libraryExport 为default;

https://webpack.js.org/configuration/output/#outputlibraryexport

Answer 2

关键是这样使用libraryExport: "default"：

  module.exports = {
    entry: ...,
    output: {
      path: __dirname + "/dist/",
      filename: "Template.js",
      library: "Template",
      libraryTarget: "umd",
      libraryExport: "default",
      globalObject: "this",
    },