Различия

Показаны различия между двумя версиями страницы.

--- dev:node.js:decorators [2022/12/26 12:11] – создано admin
+++ dev:node.js:decorators [2022/12/26 12:40] (текущий) – admin
@@ Строка 1: / Строка 1: @@
 ====== Node.js: подключение декораторов ======
 Как включить декораторы в проекте из create-react-app
+=== Включение кастомизации конфигов ===
 <code bash>
-npm install @babel/plugin-proposal-decorators --save-dev
 npm install react-app-rewired --save-dev
 npm install customize-cra --save-dev
 </code>
+=== Включение декораторов ===
+<code bash>
+npm install @babel/plugin-proposal-decorators --save-dev
+npm install reflect-metadata  --save-dev
+</code>
+добавляем
+<code javascript>import 'reflect-metadata';</code>
+в **index.js**
+=== Обновляем конфиги ===
+убираем конфиг **babel** из **package.json**
+в корне проекта создаем файл **config-overrides.js**
+<code javascript>
+const { addDecoratorsLegacy, override } = require('customize-cra')
+module.exports = override(addDecoratorsLegacy())
+</code>
+правим секцию **scripts** в **package.json**
+<code javascript>
+"scripts": {
+    "start": "react-app-rewired start",
+    "build": "react-app-rewired build",
+    "test": "react-app-rewired test",
+    "eject": "react-app-rewired eject"
+  },
+</code>
+уперто отсюда
+https://stackoverflow.com/questions/58240743/is-it-possible-to-use-decorators-with-create-react-app