Различия

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

--- dev:node.js:decorators [2022/12/26 12:13] – 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 { override, addBabelPlugin } = require("customize-cra");
+const { addDecoratorsLegacy, override } = require('customize-cra')
-const pluginProposalDecorators = require("@babel/plugin-proposal-decorators");
+module.exports = override(addDecoratorsLegacy())
+</code>
-module.exports = override(
+правим секцию **scripts** в **package.json**
-  addBabelPlugin(pluginProposalDecorators)
+<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