Zenn
🐈

webpackでまとめたjsの関数をhtmlから呼びたい時の対処法

2023/09/28に公開
HTML
webpack
functions
JavaScript
呼び出し
tech

結論

  • windowのプロパティにセットする

状況

<!DOCTYPE html>
<html>
    <body>
        <button onclick="hello()">hello world</button>
        <script src="main.js"></script>
    </body>
</html>

例

const hello = () => {
    alert("hello");
}

window.hello = hello;

参考

https://qiita.com/zaburo/items/710ab1cba98daf85ad9b
https://qiita.com/sssssshhh/questions/392d946ac676934ba9ad

Discussion