Многомодульные проекты с приложением create-реагировать

Question

У меня есть проект под названием Frontend-Core-Components, который содержит мой компонент приложения.

У меня есть другой проект (на данный момент просто назовем его Alpha), который содержит AlphaApiService, который я передаю компоненту приложения через его реквизиты, я делаю это в index.tsx

Альфы 1008 *Alpha использует приложение Create-реакции-приложение, я использую Rescript для изменения конфигурации Webpack, чтобы добавить компоненты Frontend-core-в качестве модуля. Внутри этой конфигурации Webpack я использую resolve.alias для сопоставления импорта из Alpha index.tsx до Frontend-Core-Components.

Кажется, все работает, кроме случаев, когда я запускаю сборку из проекта Alpha, я сталкиваюсь со следующим.

  SyntaxError: /Users/coolguy/project/alpha/src/index.tsx: Unexpected token (9:11)

   7 |
   8 | window.onload = () => {
>  9 |     render(<App apiService={new AlphaApiService()} />, 
document.getElementById('root'))
         |                    ^
      10 | }
      11 |

есть идеи?

Answer 1

Вам необходимо скомпилировать свой модуль импорта, прежде чем импортировать его.

Я бы предложил проверить этот проект для создания библиотек компонентов React.

https://github.com/KaiHotz/react-rollup-boilerplate

Answer 2

Или вы можете включить Frontend-Core-Components в ваше правило ts-loader (или babel-loader).