Мне нужно использовать несколько независимых классов ES6 на веб-странице, где разработка будет продолжена. По разным причинам оставшаяся часть разработки должна происходить в среде, совместимой с браузером. То есть я буду писать «ванильный» javascript для запуска в теге script, который использует эти существующие классы. Я НЕ буду использовать больше функций ES6 при разработке этой части JS.
Я уже пытался использовать babel и webpack, чтобы преобразовать мой код в дружественный для браузера javascript. Тем не менее, webpack переименовывает и минимизирует javascript, так что практически невозможно выполнить более расширенную разработку. Оптимально, классы, которые я определил в своем коде ES6, останутся открытыми (как простые функции-прототипы) как интерфейсы.
В качестве примера предположим, что у меня есть некоторый класс ES6 BinaryOperation и класс Number (я знаю, что он существует в JS, но только в качестве примера). Эти классы определены в двух отдельных файлах JS и имеют свои собственные конструкторы. Класс «Number» является зависимостью BinaryOperation и импортируется. BinaryOperation имеет ряд функций в классе. Я хотел бы иметь возможность объединить оба класса и их функции в один файл, совместимый с браузером. Этот файл позволил бы мне создавать BinaryOperation объекты в коде моего браузера, используя ключевое слово new, как я бы делал для любого прототипа объекта не из es6. Какие инструменты помогут мне достичь этого?