Как составить требуемые операторы?

Question

В моем файле.js, который переносится из ES2017, есть следующие инструкции require, однако браузер все еще не распознает эти команды (require не определен). Как я могу решить это?

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

Answer 1

Прозрачности вашего кода недостаточно, чтобы он работал в браузере. Вам понадобится система сборки, такая как веб- пакет, чтобы объединить ваш код в один (или несколько) файлов, которые вы можете включить в свое веб-приложение.

Например webpack может сначала перенести ваш код, используя babel а затем объедините все приложение в один файл, который без проблем будет работать в браузере (так как у него не будет никаких require больше).

Другое решение, которое вы можете использовать, это type="module" в вашем теге скрипта:

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

app.js

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