Javascript 使用laravel mix编译的ES6库不工作_Javascript_Ecmascript 6_Laravel Mix

Javascript 使用laravel mix编译的ES6库不工作

javascript ecmascript-6

Javascript 使用laravel mix编译的ES6库不工作,javascript,ecmascript-6,laravel-mix,Javascript,Ecmascript 6,Laravel Mix,我正在构建小型JSES6库 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

我正在构建小型JSES6库

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>


标题
var lib=新库（）；

但我得到了js错误：

uncaughtreferenceerror:Library未定义

我做错了什么？

在HTML引用中不能使用../应该是web路径而不是文件路径-我认为这就是问题所在