使用Webpack库和libraryTarget配置通过全局变量设置我们的自定义库
Use Webpack library and libraryTarget configuration to set our custom library via global var
我有一个库"xyz",它目前正作为节点模块通过npm注册表导入。
现在,我想将它添加为库,并通过全局名称"abc"公开它。
我想使用webpack配置来实现这一点。
所以,我知道这是我需要添加到我的webpack配置中的配置?:
"output": {
"path": SHELL_PATH + filePath.dist,
"libraryTarget": "var",
"library": "abc"
}
但是,如何将abc链接到xyz库,以便通过全局名称"abc"公开abc库中的方法?
我还需要做什么?
一个选项可以只是将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')
};
如果要通过abc.xyz
或访问xyz
字段
module.exports = require('xyz');
如果要直接通过abc
导出xyz
字段。
相关文章:
- 我们可以为Cesium中使用CZML绘制的多边形设置outlineWidth属性吗
- 为什么我们将控制器变量设置为等于“0”;这个“;在角度上
- 我们可以设置cubsm.js的y轴没有上限吗
- 我们可以设置属性'id'到不同的'按钮'通过使用javascript或jquery的循环
- 我们是否需要设置超时进行短轮询
- 我们可以用grunt设置一个php/mysql环境吗
- 如果我们设置undefined的值会发生什么
- 是否可以设置一个功能“;联系我们”;页面使用HTML/CSS
- 我们如何使用Jquery和ASP.NET MVC 4复杂模型数据设置HTML元素的值
- 我们如何在dojo树网格中设置孩子
- 我们如何在下拉子菜单中设置5秒的时间或延迟
- 如何设置我们从 JavaScript 中其他元素的属性返回的值 onclick 函数
- 我们是否需要在 JavaScript 中“取消设置”变量?
- Angular JS:我们可以在没有定义路由的控制器上设置解析或承诺吗?
- javaScript-我们如何将一个事件监听器设置为另一个事件监听器的从属
- 我们可以设置多个值来在骨干中修改吗?
- JavaScript - 我们可以在 cookie 中设置 JavaScript 对象吗?
- 如果不知道页面加载需要多长时间,我们怎么能设置timeOut
- 为什么我们可以't使用css设置画布的宽度和高度
- 当我们设置更新的对象时,如何在主干模型上触发更改事件