在html脚本标记中使用es6类

Question

我想开始在ES6的课程中编写我的JS代码。

我制作模块并使用webpack 2将其转录到es5。

但是如何在HTML中使用它们？

<script>
var test=new Test();//Test not defined
</script>

我错过了什么？

Answer 1

如果您已经在ES6中的代码中占了一半，为什么要尝试在脚本标记内编写？只需编写您尝试在另一个模块的script标记中编写的代码。

请参阅https://babeljs.io/repl/#?babili=false&evaluate=true&lineWrap=false&presets=es2015%2Creact&code=class%20Greeter%20%7B%0D%0A%20%20%20%20greeting%3B%0D%0A%20%20%20%20constructor(message)%20%7B%0D%0A%20%20%20%20%20%20%20%20this.greeting%20%3D%20message%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20greet()%20%7B%0D%0A%20%20%20%20%20%20%20%20return%20%22Hello%2C%20%22%20%2B%20this.greeting%3B%0D%0A%20%20%20%20%7D%0D%0A%7D%0D%0A%0D%0Alet%20greeter%20%3D%20new%20Greeter(%22world%22)%3B%0D%0A%0D%0Alet%20button%20%3D%20document.createElement（＆＃39;按钮＆＃39;）％3B％0D％0Abutton.textContent％20％3D％20％22Say％20Hello％22％3B％0D％0Abutton.onclick％20％ 3D％20function（）％20％7B％0D 0A％％20％20％20％20alert（greeter.greet（））％3B％0D 0A％％7D％0D 0A％％0D％0Adocument.body.appendChild（按钮）％3B