Добавить поддержку экспериментального синтаксиса classProperties в пакете npm

Question

Я хотел бы опубликовать sh пакет npm с некоторыми функциями, чтобы использовать его с моим проектом create-Reaction-app. Когда я импортирую функции из файла js внутри проекта create-реагировать на приложение, он работает нормально. Но когда я устанавливаю его как пакет npm, я получаю сообщение об ошибке: Support for the experimental syntax 'classProperties' isn't currently enabled.

Я попытался добавить следующий код в файл package.json пакета npm:

"devDependencies": {
  "@babel/plugin-proposal-class-properties": "^7.8.3"
},
"babel": {
  "plugins": [
    "@babel/plugin-proposal-class-properties"
  ]
}

Но это не решило проблему, и я получил ту же ошибку.

Что еще мне нужно добавить в качестве зависимостей в мой пакет npm, чтобы иметь возможность использовать его при создании -react-app проект? Или лучше переписать функции без такого экспериментального синтаксиса?

Answer 1

На основании этого SO ответа Я сделал следующее:

.npmignore

/src

.gitignore

/lib
/node_modules

Установить Babel

$ npm install @babel/core @babel/cli @babel/preset-env --save-dev

Установить @ babel / plugin-предложение-class-properties

$ npm install --save-dev @babel/plugin-proposal-class-properties

пакет. json

"main": "lib/index.js",
"scripts": {
  "prepublish": "babel src -d lib"
},
"babel": {
  "presets": [
    "@babel/preset-env"
  ],
  "plugins": [
    "@babel/plugin-proposal-class-properties"
  ]
}