Вы успешно настроили загрузку модулей с Webpack и сборку приложения. Пришло время всё грамотно разделить на модули!
Разделите всё приложение на модули:
- Модуль Domain - где будет храниться логика предметной области (персонажи, атаки и т.д.)
- Модуль Game - отвечающий за работу приложения (загрузку и сохранение)
- Модуль App - отвечающий за запуск приложения
Заглушки для модулей:
файл domain.js
:
class Character {
}
файл game.js
class Game {
start() {
console.log('game started');
}
}
class GameSavingData {
}
function readGameSaving() {
}
function writeGameSaving() {
}
файл app.js
const game = new Game();
game.start();
Организуйте:
- Из модуля
domain
экспорт классаCharacter
в качествеdefault
'ного - В модуле
game
импорт классаCharacter
- Экспорт из модуля
game
классаGame
в качестве дефолтного, классаGameSavingData
и функцийreadGameSaving
иwriteGameSaving
- В модуле
app.js
одним импортом импортируйтеGame
,GameSavingData
и функцииreadGameSaving
,writeGameSaving
(их при импорте переименуйте вloadGame
иsaveGame
соответственно)
С самими функциями и классами ничего делать не нужно, нужно только правильно расставить инструкции import
/export
.