2

小さなjs es6ライブラリを構築しています。

class Library {
    get(key) {
        console.log("Get")
    }

    set(key, value, options) {
       console.log("Set")
    }


    delete(key) {
        console.log("Delete")
    }
}

export default Library

laravel-mix を使用してコードをコンパイルしています。

let mix = require('laravel-mix')
mix.js('src/index.js', 'dist')

次に、コンパイルされたスクリプトを HTML にインポートします。

<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>

    <body>
        <h1>Title</h1>
        <script src="../dist/index.js"></script>
        <script>
            var lib = new Library();
        </script>
    </body>
</html>

しかし、jsエラーが発生します:Uncaught ReferenceError: Library is not defined

私は何を間違っていますか？

4

1 に答える 1