Монорепозиторий интернет-банка МСБ

🌐 Окружение

• Node.js: v20.14.0
• NPM: 10.7.0

🧑‍💻 Быстрый старт

1. Установить зависимости:

   npm ci
   

2. Запустить все микрофронты в dev-режиме:

   npm run start
   

3. Запустить только хост и свой микрофронт в dev-режиме:

   npm run start:main-page
   

   Вы можете создать скрипт для запуска своего микрофронта самостоятельно и положить его рядом с остальными в корневом package.json

   Вариант без добавления новой команды в package.json:

   npm run start:service -- --scope=msb-main-page
   

4. Запустить сборку микрофронтов в режиме production:

   npm run build
   

5. Запустить сборку микрофронтов в режиме development:

   npm run build:dev
   

6. Настройка микрофронтового модуля Создать webpack.config.ts с параметрами конфигурации:

/** webpack.config.ts */
import type { IWebpackAppConfig } from '@msb/mf-builder';
import { normalizePackageName } from '@msb/mf-builder';
import path from 'node:path';
import packageJson from './package.json';

const packageName = normalizePackageName(packageJson.name);

const config: IWebpackAppConfig = {
  moduleName: packageJson.name,
  paths: {
    outputPath: path.resolve(__dirname, '../../msb-main-page'),
    publicUrl: '/msb-main-page/',
  },
  devServerOptions: {
    port: 3002,
  },
  moduleFederationOptions: {
    exposes: {
      './App': {
        import: path.resolve(__dirname, 'src/exposes/App.tsx'),
        name: `${packageName}_remote`,
      },
    },
  },
};

export default config;

1. Для того, чтобы поднять приложение интернет-банка в режиме 'production', необходимо запустить команду npm run start:prod. В последующих итерациях нужно будет перед запуском скрипта удалить ранее созданный докер контейнер и образ.