javascript - 如何编译 require 语句？

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

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

最佳答案

转译您的代码不足以使其在浏览器中运行。您将需要一个类似 webpack 的构建系统将您的代码捆绑到一个(或多个)文件中，您可以将这些文件包含在您的网络应用程序中。

例如，webpack 可以首先使用 babel 转译您的代码，然后将您的整个应用程序打包成一个文件，该文件将毫无问题地在浏览器中运行(因为它不会不再有任何 require)。

您可以使用的另一种解决方案是在脚本标记中使用 type="module":

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

应用程序.js

import a from "../../a.js";
...

关于javascript - 如何编译 require 语句？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48276528/