javascript - 如何使用 browserify 创建的包文件？

Question

我制作了 4 个 javascript 文件，A、B、C、D，它们将导出 4 个模块 A、B、C、D。他们的依赖是A->B->C->D。我输入命令

browserify A.js -o bundle.js

并且创建了包含 A、B、C、D 的捆绑文件。在 html 文件中，我得到了

<script src="bundle.js"></script>
<script src="client.js"></script>

在 client.js 中，我得到了

var a = new A();

控制台会打印出A未定义的错误。 但是，如果我删除所有 js 文件上的“require”和 module.exports 并在 html 文件中执行此操作，client.js 将工作

<script src = "D.js"></script>
<script src = "C.js"></script>
<script src = "B.js"></script>
<script src = "A.js"></script>
<script src = "client.js"></script>

有人知道这个问题吗？

Answer 1

你必须创建一个 standalone bundle 将向全局执行上下文添加一个变量，这是通过 --standalone <name> 完成的选项

browserify A.js --standalone A -o bundle.js