загрузка всех карт импорта из отдельного файла JSON в Single-SPA?

#ejs #single-spa #single-spa-angular

Вопрос:

я работаю над микро-интерфейсным приложением с помощью фреймворка Single-SPA. я могу импортировать и заставить его работать, добавив маршруты MFE непосредственно в файл index.ejs.

поскольку у нас много МФО, я не хочу хранить их все в index.ejs.

хотите сохранить все маршруты в отдельном файле JSON и импортировать файл JSON в файл index.ejs.

итак , вопрос в том, есть ли способ импортировать файл JSON непосредственно в шаблон EJS ??

в потоке стековера есть похожие вопросы, но все ответы указывают на render метод, который я не нахожу в библиотеке с одним спа-центром ?

Ответ №1:

шаг 1 : создайте файл JSON в папке src (например: src/local-map.json)

шаг 2 : удалите карту JSON из index.ejs и вставьте в созданный JSON на шаге 1

шаг 3: обновите index.ejs, как показано ниже

 <% if (isLocal) { %>
    <script type="systemjs-importmap" src="./local-map.json"></script>
  <% } %>
 

шаг 4: добавьте приведенный ниже код в webpack.config.js или webpack-proxy.config.js

  devServer: {
      static:'src'
    }
 

вот и все 🙂