Вы можете работать с собственными модулями ESM в браузере, используя script type="module".Он работает только для браузеров, которые его поддерживают .
index.html
<html>
<head></head>
<body>
<script type="module" src="my-script.js"></script>
</body>
</html>
my-script.js
import {stuff} from './module1.js';
import Stuff from './module2.js';
console.log(Stuff);
console.log(stuff);
module1.js
export const stuff = {b: 1};
module2.js
export default {a: 1};
Затем настройте быстрый веб-сервер, чтобы увидеть, как работает страница:
python -m SimpleHTTPServer 7654
Тем не менее, есливаша проблема - обновлять код при каждом изменении и отлаживать его в режиме разработки ES6, я рекомендую sourceMaps в качестве решения.С sourceMaps вы можете видеть, как ваш код работает скомпилированным (или «перенесенным», как вам нравится), как в рабочей среде, при отладке версии разработки в ES6.Webpack (или альтернативы) сейчас очень оптимизированы и могут выполнять частичную компиляцию , очень быстро , перезагружая браузер при каждом сохранении.