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

🌐 Окружение

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

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

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

   npm ci
   

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

   npm run start
   

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

   npm run build
   

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

   npm run build:dev
   

5. Запустить мок сервер по отдаче конфиг файла mfs.json:

   npm run mfs-config
   

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

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

const config: WebpackAppConfig = {
  paths: { entryPath: '/', publicPath: '/', outputPath: '/', srcPath: '/', publicUrl: '/' },
  devServerOptions: { port: 3001, open: true },
  moduleFederationOptions: {
    exposes: {
      './App': path.resolve(__dirname, 'src/exposes/App.tsx'),
    },
    shared: {
      '@fractal-ui/styling': {
        singleton: true,
        requiredVersion: packageJson.dependencies['@fractal-ui/styling'],
      },
      '@fractal-ui/core': {
        singleton: true,
        requiredVersion: packageJson.dependencies['@fractal-ui/core'],
      },
      '@fractal-ui/extended': {
        singleton: true,
        requiredVersion: packageJson.dependencies['@fractal-ui/extended'],
      },
      '@fractal-ui/composites': {
        singleton: true,
        requiredVersion: packageJson.dependencies['@fractal-ui/composites'],
      },
      '@fractal-ui/form': {
        singleton: true,
        requiredVersion: packageJson.dependencies['@fractal-ui/form'],
      },
      '@fractal-ui/layout': {
        singleton: true,
        requiredVersion: packageJson.dependencies['@fractal-ui/layout'],
      },
      '@fractal-ui/library': {
        singleton: true,
        requiredVersion: packageJson.dependencies['@fractal-ui/library'],
      },
      '@fractal-ui/overlays': {
        singleton: true,
        requiredVersion: packageJson.dependencies['@fractal-ui/overlays'],
      },
      '@fractal-ui/table': {
        singleton: true,
        requiredVersion: packageJson.dependencies['@fractal-ui/table'],
      },
      '@fractal-ui/visualization': {
        singleton: true,
        requiredVersion: packageJson.dependencies['@fractal-ui/visualization'],
      },
      '@tanstack/react-query': {
        singleton: true,
        requiredVersion: packageJson.dependencies['@tanstack/react-query'],
      },
      axios: {
        singleton: true,
        requiredVersion: packageJson.dependencies.axios,
      },
      react: {
        singleton: true,
        eager: true,
        requiredVersion: packageJson.dependencies.react,
      },
      'react-dom': {
        singleton: true,
        eager: true,
        requiredVersion: packageJson.dependencies['react-dom'],
      },
      'react-router-dom': {
        singleton: true,
        requiredVersion: packageJson.dependencies['react-router-dom'],
      },
      'styled-components': {
        singleton: true,
        requiredVersion: packageJson.dependencies['styled-components'],
      },
    },
  },
};

export default config;