我正在 ES6 中创建一个库,我想从 HTML 中的脚本标记调用该库:
class CoolElement {
constructor() {
}
init() {
return document.createElement('div');
}
}
export default new CoolElement();
<html>
<body>
<div id="content"></div>
<script type="module" src="../dist/coolelement.js"></script>
<script>
var element = CoolElement.init(); //Error! CoolElement does not exist!
document.getElementById('content').addChild(element);
</script>
</body>
</html>
我使用 Webpack 和 Gulp 将其转换为 es5 并将其捆绑到 dist 文件夹中。但是当我在页面上需要它时,没有全局 CoolElement 引用。我怎样才能做到这一点..?
最佳答案
entry: "./entry.js",
output: {
path: __dirname,
filename: "bundle.js",
library: "home"
},
在 webpack 配置中添加库:“home”
var element = home.CoolElement.init();
document.getElementById('content').addChild(element);
关于javascript - 如何通过 ES6 + Webpack 在浏览器中使用我的 Javascript 库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34600169/