用 laravel-mix 编译的 ES6 库不工作答案

【问题标题】：ES6 library compiled with laravel-mix not working用 laravel-mix 编译的 ES6 库不工作
【发布时间】：2020-01-14 07:03:31
【问题描述】：

我正在构建小型 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

我做错了什么？

【问题讨论】：

标签： javascript ecmascript-6 laravel-mix

【解决方案1】：

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

【讨论】：