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

The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides: - Integration with libraries such as Jest, Vitest, Playwright, Cypress, and Storybook. - Generators for applica

"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 }));
    }
}