导入 webpack 包答案

【问题标题】：Import webpack bundle导入 webpack 包
【发布时间】：2020-03-10 17:56:09
【问题描述】：

我将它与 webpack 捆绑在一起：

function blarg() {
  return 'warg';
}

const stuff = {
  things: 'whatnot'
}

const paraphernalia = 'junk';

module.exports = {
  blarg,
  stuff,
  paraphernalia,
}

当我创建包时，我希望能够像这样导入一个对象：

import obj from './bundle.js';

对象应如下所示：

{
  blarg,
  stuff,
  paraphernalia,
}

相反，输出是undefined。

我想这样做是因为捆绑包将成为一个外部库，我不希望该库负责将内容附加到 window。

如何从包中导入对象？

【问题讨论】：

标签： webpack

【解决方案1】：

您需要将包输出为库。

您可以更新您的 Webpack 配置以在 output 部分中包含 library 和 libraryTarget：

output: {
  // ...
  library: 'myLibraryName',
  libraryTarget: 'umd'
}

文档中的完整详细信息： https://webpack.js.org/guides/author-libraries/

【讨论】：