javascript - 如何从排除的模块(ES6)导入？

Question

我有一个浏览器应用程序项目，我想将其分成两部分。作为一个最小的例子，想象一下在 ./core 中我有:

// core.js 
import SuperClass from "../core/SuperClass";    
export {SuperClass};

// SuperClass.js
class SuperClass
{
    constructor()
    {
        console.log('SuperClass constructor');
    }
}
export default SuperClass

目录./game有

//game.js   
import SuperClass from "../core/SuperClass";
console.log(SuperClass);

如果我使用 game.js 作为入口点进行构建，一切都会很好，因为所有依赖项都会进入 bundle 。

但是，如果我从 ./core 中排除文件(通过使用 browserify 的排除功能)并与它们单独打包并在 game.js 之前加载:

<script src="scripts/core.js"></script>
<script src="scripts/game.js"></script>

我得到:未捕获错误:无法从 game.js 找到模块“../core/SuperClass”

在运行时向 game.js 提供这些依赖项的方法是什么？我的构建过程使用 gulp 、 babelify 和 browserify。

Answer 1

如果您通过 <script> 添加代码标签放置在代码之前，您可以假设它存在，作为全局变量/类/库，您不需要导入它，因为它已经存在。这就像使用古老的 JQuery，例如:当您将文件放入 HTML 文件时，您知道 $无所不在