Project Init

node_modules/@nx/react/plugins/nx-react-webpack-plugin/lib/apply-react-config.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyReactConfig = applyReactConfig;
+function applyReactConfig(options = {}, config = {}) {
+    if (!process.env['NX_TASK_TARGET_PROJECT'])
+        return;
+    addHotReload(config);
+    // enable webpack node api
+    config.node = {
+        __dirname: true,
+        __filename: true,
+    };
+}
+function addHotReload(config) {
+    if (config.mode === 'development' &&
+        typeof config['devServer'] === 'object' &&
+        config['devServer']?.hot) {
+        // add `react-refresh/babel` to babel loader plugin
+        const babelLoader = config.module.rules.find((rule) => rule &&
+            typeof rule !== 'string' &&
+            rule.loader?.toString().includes('babel-loader'));
+        if (babelLoader && typeof babelLoader !== 'string') {
+            babelLoader.options['plugins'] = [
+                ...(babelLoader.options['plugins'] || []),
+                [
+                    require.resolve('react-refresh/babel'),
+                    {
+                        skipEnvCheck: true,
+                    },
+                ],
+            ];
+        }
+        const ReactRefreshPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+        config.plugins.push(new ReactRefreshPlugin({ overlay: false }));
+    }
+}