Правильная настройка Babel для совместного использования компонентов React между 2 отдельными приложениями create-реагировать - PullRequest
Новая
       6

Правильная настройка Babel для совместного использования компонентов React между 2 отдельными приложениями create-реагировать

0 голосов
/ 21 декабря 2018

У меня есть настройка, в которой я настраиваю структуру папок следующим образом: 

apps/
    -common
    -app1
    -app2

Внутри общего он имеет свое собственное управление пакетами, куда я надеюсь поместить JS, изображения, компоненты React (и т. Д.)которые являются общими для обоих приложений для простоты обмена.Это моно репо для простоты разработки.

Проблема, с которой я сталкиваюсь, заключается в том, что компоненты React, импортированные из общего набора, сталкиваются с проблемами, в которых ему не нравится синтаксис JSX (он выдает ошибки при рендеринге () {}

Или не нравится добавление свойств класса.

Мой .babelrc настроен так: 

{
  "presets": [
    "@babel/preset-react",
    "@babel/preset-env"
  ],
  "plugins": ["@babel/plugin-proposal-class-properties"]
}

Зависимости: 

{
  "dependencies": {
    "@babel/core": "^7.2.2",
    "@babel/helper-create-class-features-plugin": "^7.2.3",
    "@babel/plugin-proposal-class-properties": "^7.2.3",
    "@babel/preset-env": "^7.2.3",
    "@babel/preset-react": "^7.0.0",
    "axios": "^0.18.0",
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.4",
    "babel-preset-react-app": "^6.1.0",
    "prop-types": "^15.6.2",
    "pusher-js": "^4.3.1",
    "react": "^16.7.0",
    "react-redux": "^6.0.0",
    "redux": "^4.0.1",
    "redux-form": "^8.0.4",
    "webpack": "^4.28.1"
  }
}

Есть ли что-то, что я делаю неправильно с точки зрения правильной загрузки в babel? Или есть ограничение на то, как я преобразовываю код из es6 в JS?

...