如何编译require语句？

Question

我的.js文件中有以下require语句，这些语句是从ES2017转换而来的，但浏览器仍然无法识别这些命令（require未定义）。我该如何解决这个问题？

  this.e = require('../../e.js'),
  this.a = require('../../a.js'),
  this.cb = require('../../cb.js'),

Answer 1

透明化代码不足以使其在浏览器中运行。您需要一个类似webpack的构建系统，将您的代码捆绑到一个（或多个）文件中，并将其包含在您的网络应用中。

例如，webpack可以先使用babel转换代码，然后将整个应用程序捆绑到一个文件中，该文件将在浏览器中运行而不会出现任何问题（因为它没有任何问题{ {1}}了。）

您可以使用的另一个解决方案是脚本代码中的require：

type="module"

app.js

<script type="module" src="/my/app.js"></script>