我编写了我的库,它将类添加到全局窗口对象中:
const Maplat = window.Maplat = {};
Maplat.createObject = blah blah..通过webpack4编译,这是非常好的工作。
<html>
<head>
<script src="./assets/maplat_core.js"></script>
</head>
<body>
<script>
Maplat.createObject(...);
// Works fine
</script>
</body>
</html>但是在我更新webpack 5之后,这是行不通的。
我检查了编译后的结果代码,它被戏称为:
...
, Tv = window.Maplat = {};
Tv.createObject = function(t) {
return new Promise((function(e) {
var n = new Rv(t);
n.waitReady.then((function() {
e(n)
}
))
}
))
}
}
)()
}
)();有了这个编译的结果,
const Maplat = window.Maplat = {};后作
Maplat.createObject(...);因此,这个编译的结果不起作用。
如何解决这个问题?如何通过webpack5将类添加到窗口/全局对象?
发布于 2021-06-13 18:33:02
最后,在webpack的背景下,它变成了作品:
output: {
path: path.resolve(__dirname, "../dev"),
filename: '[name].js',
libraryTarget: 'umd',
globalObject: 'this',
},https://stackoverflow.com/questions/67547890
复制相似问题