使用Webpack库和libraryTarget配置通过global var设置我们的自定义库

Question

我有一个库“xyz”，目前正通过npm注册表导入为节点模块。

现在，我想将其添加为库并通过全局名称“abc”公开它。

我想使用webpack configuration来实现这一目标。

所以，我知道这是我需要添加到我的webpack配置的配置？：

 "output": {
        "path": SHELL_PATH + filePath.dist,
        "libraryTarget": "var",
        "library": "abc"
    }

但是，如何将abc链接到我的xyz库，以便我的abc库中的方法通过全局名称“abc”公开？

我还需要做什么？

Answer 1

选项可能只是将xyz包装在abc库中，并将abc库公开为全局变量。

webpack.config.js

module.exports = {
  entry: './index.js',
  output: {
    libraryTarget: 'var',
    library: 'abc',
    path: './dist',
    filename: 'abc.js'
  }
};

index.js

module.exports = {
  xyz: require('xyz')
};

如果您想通过xyz或

访问abc.xyz字段

module.exports = require('xyz');

如果您想直接通过xyz导出abc字段。