У меня большой скрипт, который разбит на 20 файлов (чтобы удобней было работать).
На данный момент все эти 20 файлов каждый по отдельности подключается к файлу .html по стандартным методом:
<script src="js/localStorage.js"></script>
Для продакшена я написал task для gulpа, который собирает в один файл в заданном порядке (каждый файл прописан), потом проходит бабелем, потом минимизирует. Тут проблем нет.
А вот можно ли
все эти js файлы собрать в один файл app.js через import ?
Я создал файл app.js в нём все 20 файлов прописываю по такой схеме:
import * as localStorage from 'js/localStorage';
import * as preloader from 'js/preloader';
import * as sklonenie from 'js/sklonenie';
В html закомментировал все js файлы и добавил новый app.js - в консоли сразу выстреливает ошибка:
Uncaught SyntaxError: Unexpected token *
В доках
https://learn.javascript.ru/modules из за того что несколько вариантов реализации (что то из прошлого, что то из будущего), я не понимаю что мне дальше делать и что я упустил.
В файлы js я ничего не дописывал. Нужно что то как экспорт прописывать или в ES6 не нужно?
Ещё вот мысль что нужно в гальпе написать таск которому отдавать только файл app.js и проходить его бабелем, потом минификатором. Может всё эти импорты для бабеля а не для браузера... я запутался.