arui-scripts 14.1.0 → 14.1.1

package/build/configs/webpack.client.prod.js

@@ -3,339 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = __importDefault(require("path"));
-const webpack_1 = __importDefault(require("webpack"));
-const webpack_manifest_plugin_1 = require("webpack-manifest-plugin");
-const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
-const terser_webpack_plugin_1 = __importDefault(require("terser-webpack-plugin"));
-const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
-const compression_webpack_plugin_1 = __importDefault(require("compression-webpack-plugin"));
-const assets_webpack_plugin_1 = __importDefault(require("assets-webpack-plugin"));
-const tsconfig_paths_webpack_plugin_1 = __importDefault(require("tsconfig-paths-webpack-plugin"));
-const getCSSModuleLocalIdent_1 = __importDefault(require("react-dev-utils/getCSSModuleLocalIdent"));
-const PnpWebpackPlugin = require('pnp-webpack-plugin');
 const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
-const get_entry_1 = __importDefault(require("./util/get-entry"));
-const app_configs_1 = __importDefault(require("./app-configs"));
-const babel_client_1 = __importDefault(require("./babel-client"));
-const postcss_1 = __importDefault(require("./postcss"));
-const check_node_version_1 = __importDefault(require("./util/check-node-version"));
-const babel_dependencies_1 = require("./babel-dependencies");
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
-const noopPath = require.resolve('./util/noop');
-// style files regexes
-const cssRegex = /\.css$/;
-const cssModuleRegex = /\.module\.css$/;
-function getSingleEntry(entryPoint) {
-    return [
-        ...(Array.isArray(app_configs_1.default.clientPolyfillsEntry) ? app_configs_1.default.clientPolyfillsEntry : [app_configs_1.default.clientPolyfillsEntry]),
-        ...entryPoint
-    ].filter(Boolean);
-}
-// This is the production configuration.
-const config = (0, apply_overrides_1.default)(['webpack', 'webpackClient', 'webpackProd', 'webpackClientProd'], {
-    mode: 'production',
-    // You may want 'eval' instead if you prefer to see the compiled output in DevTools.
-    devtool: 'cheap-module-source-map',
-    // In production, we only want to load the polyfills and the app code.
-    entry: (0, get_entry_1.default)(app_configs_1.default.clientEntry, getSingleEntry),
-    bail: true,
-    context: app_configs_1.default.cwd,
-    output: {
-        pathinfo: false,
-        path: app_configs_1.default.clientOutputPath,
-        publicPath: app_configs_1.default.publicPath,
-        filename: '[name].[chunkhash:8].js',
-        chunkFilename: '[name].[chunkhash:8].chunk.js',
-        // Point sourcemap entries to original disk location (format as URL on Windows)
-        devtoolModuleFilenameTemplate: (info) => path_1.default
-            .relative(app_configs_1.default.appSrc, info.absoluteResourcePath)
-            .replace(/\\/g, '/'),
-    },
-    optimization: {
-        splitChunks: {
-            chunks: "all",
-            cacheGroups: {
-                commons: {
-                    chunks: "initial",
-                    minChunks: 2,
-                    maxInitialRequests: 5,
-                    minSize: 0 // This is example is too small to create commons chunks
-                },
-                vendor: {
-                    test: /node_modules/,
-                    chunks: "initial",
-                    name: "vendor",
-                    priority: 10,
-                    enforce: true
-                }
-            }
-        },
-        minimize: true,
-        minimizer: [
-            // This is only used in production mode
-            new terser_webpack_plugin_1.default({
-                terserOptions: {
-                    parse: {
-                        // we want terser to parse ecma 8 code. However, we don't want it
-                        // to apply any minfication steps that turns valid ecma 5 code
-                        // into invalid ecma 5 code. This is why the 'compress' and 'output'
-                        // sections only apply transformations that are ecma 5 safe
-                        // https://github.com/facebook/create-react-app/pull/4234
-                        ecma: 2017,
-                    },
-                    compress: {
-                        ecma: 5,
-                        // Disabled because of an issue with Uglify breaking seemingly valid code:
-                        // https://github.com/facebook/create-react-app/issues/2376
-                        // Pending further investigation:
-                        // https://github.com/mishoo/UglifyJS2/issues/2011
-                        comparisons: false,
-                        // Disabled because of an issue with Terser breaking valid code:
-                        // https://github.com/facebook/create-react-app/issues/5250
-                        // Pending futher investigation:
-                        // https://github.com/terser-js/terser/issues/120
-                        inline: 2,
-                    },
-                    mangle: {
-                        safari10: true,
-                    },
-                    output: {
-                        ecma: 5,
-                        comments: false,
-                        // Turned on because emoji and regex is not minified properly using default
-                        // https://github.com/facebook/create-react-app/issues/2488
-                        ascii_only: true,
-                    },
-                },
-                // Use multi-process parallel running to improve the build speed
-                // Default number of concurrent runs: os.cpus().length - 1
-                parallel: true,
-            }),
-            new CssMinimizerPlugin()
-        ],
-    },
-    resolve: {
-        // This allows you to set a fallback for where Webpack should look for modules.
-        // We placed these paths second because we want `node_modules` to "win"
-        // if there are any conflicts. This matches Node resolution mechanism.
-        // https://github.com/facebookincubator/create-react-app/issues/253
-        modules: ['node_modules', app_configs_1.default.appNodeModules],
-        // These are the reasonable defaults supported by the Node ecosystem.
-        // We also include JSX as a common component filename extension to support
-        // some tools, although we do not recommend using it, see:
-        // https://github.com/facebookincubator/create-react-app/issues/290
-        // `web` extension prefixes have been added for better support
-        // for React Native Web.
-        extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx', '.ts', '.tsx'],
-        plugins: ([
-            (app_configs_1.default.tsconfig && new tsconfig_paths_webpack_plugin_1.default({
-                configFile: app_configs_1.default.tsconfig,
-                extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx', '.ts', '.tsx']
-            })),
-        ].filter(Boolean)),
-    },
-    resolveLoader: {
-        plugins: [
-            PnpWebpackPlugin.moduleLoader(module),
-        ],
-    },
-    module: {
-        // typescript interface will be removed from modules, and we will get an error on correct code
-        // see https://github.com/webpack/webpack/issues/7378
-        strictExportPresence: !app_configs_1.default.tsconfig,
-        rules: [
-            {
-                // "oneOf" will traverse all following loaders until one will
-                // match the requirements. When no loader matches it will fall
-                // back to the "file" loader at the end of the loader list.
-                oneOf: ([
-                    {
-                        test: [/\.svg$/],
-                        loader: require.resolve('svg-url-loader'),
-                        options: {
-                            limit: 10000,
-                            iesafe: true,
-                            name: '[name].[hash:8].[ext]',
-                        },
-                    },
-                    // "url" loader works like "file" loader except that it embeds assets
-                    // smaller than specified limit in bytes as data URLs to avoid requests.
-                    // A missing `test` is equivalent to a match.
-                    {
-                        test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
-                        loader: require.resolve('url-loader'),
-                        options: {
-                            limit: 10000,
-                            name: '[name].[hash:8].[ext]',
-                        },
-                    },
-                    // Process JS with Babel.
-                    {
-                        test: app_configs_1.default.useTscLoader ? /\.(js|jsx|mjs|cjs)$/ : /\.(js|jsx|mjs|ts|tsx|cjs)$/,
-                        include: app_configs_1.default.appSrc,
-                        loader: require.resolve('babel-loader'),
-                        options: babel_client_1.default,
-                    },
-                    (app_configs_1.default.tsconfig && app_configs_1.default.useTscLoader) && {
-                        test: /\.tsx?$/,
-                        use: [
-                            {
-                                loader: require.resolve('babel-loader'),
-                                options: Object.assign({
-                                    // This is a feature of `babel-loader` for webpack (not Babel itself).
-                                    // It enables caching results in ./node_modules/.cache/babel-loader/
-                                    // directory for faster rebuilds.
-                                    cacheDirectory: true
-                                }, babel_client_1.default)
-                            },
-                            {
-                                loader: require.resolve('ts-loader'),
-                                options: {
-                                    onlyCompileBundledFiles: true,
-                                    happyPackMode: true,
-                                    configFile: app_configs_1.default.tsconfig
-                                }
-                            }
-                        ]
-                    },
-                    // Process any JS outside of the app with Babel.
-                    // Unlike the application JS, we only compile the standard ES features.
-                    {
-                        test: /\.(js|mjs)$/,
-                        exclude: /@babel(?:\/|\\{1,2})runtime/,
-                        loader: require.resolve('babel-loader'),
-                        options: Object.assign(Object.assign({}, babel_dependencies_1.babelDependencies), { babelrc: false, configFile: false, compact: false, cacheDirectory: true, cacheCompression: false }),
-                    },
-                    // The notation here is somewhat confusing.
-                    // "postcss" loader applies autoprefixer to our CSS.
-                    // "css" loader resolves paths in CSS and adds assets as dependencies.
-                    // "style" loader normally turns CSS into JS modules injecting <style>,
-                    // but unlike in development configuration, we do something different.
-                    // `ExtractTextPlugin` first applies the "postcss" and "css" loaders
-                    // (second argument), then grabs the result CSS and puts it into a
-                    // separate file in our build process. This way we actually ship
-                    // a single CSS file in production instead of JS code injecting <style>
-                    // tags. If you use code splitting, however, any async bundles will still
-                    // use the "style" loader inside the async code so CSS from them won't be
-                    // in the main CSS file.
-                    {
-                        test: cssRegex,
-                        exclude: cssModuleRegex,
-                        use: [
-                            {
-                                loader: mini_css_extract_plugin_1.default.loader,
-                                options: { publicPath: './' }
-                            },
-                            {
-                                loader: require.resolve('css-loader'),
-                                options: {
-                                    importLoaders: 1,
-                                    sourceMap: false,
-                                },
-                            },
-                            {
-                                loader: require.resolve('postcss-loader'),
-                                options: {
-                                    // Necessary for external CSS imports to work
-                                    // https://github.com/facebookincubator/create-react-app/issues/2677
-                                    ident: 'postcss',
-                                    plugins: () => postcss_1.default,
-                                },
-                            },
-                        ],
-                    },
-                    {
-                        test: cssModuleRegex,
-                        use: [
-                            {
-                                loader: mini_css_extract_plugin_1.default.loader,
-                                options: { publicPath: './' }
-                            },
-                            {
-                                loader: require.resolve('css-loader'),
-                                options: {
-                                    importLoaders: 1,
-                                    sourceMap: false,
-                                    modules: {
-                                        getLocalIdent: getCSSModuleLocalIdent_1.default
-                                    },
-                                },
-                            },
-                            {
-                                loader: require.resolve('postcss-loader'),
-                                options: {
-                                    // Necessary for external CSS imports to work
-                                    // https://github.com/facebookincubator/create-react-app/issues/2677
-                                    ident: 'postcss',
-                                    plugins: () => postcss_1.default,
-                                },
-                            },
-                        ],
-                    },
-                    // "file" loader makes sure those assets get served by WebpackDevServer.
-                    // When you `import` an asset, you get its (virtual) filename.
-                    // In production, they would get copied to the `build` folder.
-                    // This loader doesn't use a "test" so it will catch all modules
-                    // that fall through the other loaders.
-                    {
-                        // Exclude `js` files to keep "css" loader working as it injects
-                        // its runtime that would otherwise processed through "file" loader.
-                        // Also exclude `html` and `json` extensions so they get processed
-                        // by webpacks internal loaders.
-                        exclude: [/\.(js|jsx|mjs|ts|tsx)$/, /\.(html|ejs)$/, /\.json$/],
-                        loader: require.resolve('file-loader'),
-                        options: {
-                            name: 'static/media/[name].[hash:8].[ext]',
-                        },
-                    },
-                ].filter(Boolean)),
-            },
-            // ** STOP ** Are you adding a new loader?
-            // Make sure to add the new loader(s) before the "file" loader.
-        ],
-    },
-    plugins: ([
-        new assets_webpack_plugin_1.default({ path: app_configs_1.default.serverOutputPath }),
-        new webpack_1.default.DefinePlugin({
-            // Tell Webpack to provide empty mocks for process.env.
-            'process.env': '{}'
-        }),
-        // Note: this won't work without ExtractTextPlugin.extract(..) in `loaders`.
-        new mini_css_extract_plugin_1.default({
-            filename: '[name].[contenthash:8].css',
-            chunkFilename: '[name].[contenthash:8].chunk.css',
-        }),
-        new webpack_manifest_plugin_1.WebpackManifestPlugin(),
-        new compression_webpack_plugin_1.default({
-            filename: '[file].gz',
-            algorithm: 'gzip',
-            test: /\.js$|\.css$|\.png$|\.svg$/,
-            threshold: 10240,
-            minRatio: 0.8
-        }),
-        (0, check_node_version_1.default)(10) && new compression_webpack_plugin_1.default({
-            filename: '[file].br',
-            algorithm: 'brotliCompress',
-            test: /\.(js|css|html|svg)$/,
-            compressionOptions: {
-                level: 11,
-            },
-            threshold: 10240,
-            minRatio: 0.8,
-        }),
-        app_configs_1.default.tsconfig !== null && new fork_ts_checker_webpack_plugin_1.default(),
-    ].filter(Boolean).concat(
-    // Ignore prop-types packages in production mode
-    // This should works fine, since proptypes usage should be eliminated in production mode
-    app_configs_1.default.keepPropTypes
-        ? []
-        : [
-            new webpack_1.default.NormalModuleReplacementPlugin(/^react-style-proptype$/, noopPath),
-            new webpack_1.default.NormalModuleReplacementPlugin(/^thrift-services\/proptypes/, noopPath)
-        ])),
-    experiments: {
-        backCompat: app_configs_1.default.webpack4Compatibility,
-    },
-});
+const webpack_client_1 = require("./webpack.client");
+const config = (0, apply_overrides_1.default)(['webpack', 'webpackClient', 'webpackProd', 'webpackClientProd'], (0, webpack_client_1.createClientWebpackConfig)('prod'));
 exports.default = config;

package/build/configs/webpack.server.d.ts

@@ -0,0 +1,2 @@
+import { Configuration } from 'webpack';
+export declare const createServerConfig: (mode: 'dev' | 'prod') => Configuration;

package/build/configs/webpack.server.dev.d.ts

@@ -1,3 +1,2 @@
-import webpack from 'webpack';
-declare const webpackServerDev: webpack.Configuration;
-export default webpackServerDev;
+declare const config: import("webpack").Configuration;
+export default config;

package/build/configs/webpack.server.dev.js

@@ -3,232 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = __importDefault(require("path"));
-const fs_1 = __importDefault(require("fs"));
-const webpack_1 = __importDefault(require("webpack"));
-const case_sensitive_paths_webpack_plugin_1 = __importDefault(require("case-sensitive-paths-webpack-plugin"));
-const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
-const run_script_webpack_plugin_1 = require("run-script-webpack-plugin");
-const webpack_node_externals_1 = __importDefault(require("webpack-node-externals"));
-const WatchMissingNodeModulesPlugin_1 = __importDefault(require("react-dev-utils/WatchMissingNodeModulesPlugin"));
-const tsconfig_paths_webpack_plugin_1 = __importDefault(require("tsconfig-paths-webpack-plugin"));
-const getCSSModuleLocalIdent_1 = __importDefault(require("react-dev-utils/getCSSModuleLocalIdent"));
-const app_configs_1 = __importDefault(require("./app-configs"));
-const babel_server_1 = __importDefault(require("./babel-server"));
-const postcss_1 = __importDefault(require("./postcss"));
 const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
-const get_entry_1 = __importDefault(require("./util/get-entry"));
-const babel_dependencies_1 = require("./babel-dependencies");
-const server_externals_exemptions_1 = require("./server-externals-exemptions");
-const ReloadServerPlugin = require('../plugins/reload-server-webpack-plugin');
-const assetsIgnoreBanner = fs_1.default.readFileSync(require.resolve('./util/node-assets-ignore'), 'utf8');
-// style files regexes
-const cssRegex = /\.css$/;
-const cssModuleRegex = /\.module\.css$/;
-function getSingleEntry(entryPoint) {
-    const prefix = app_configs_1.default.useServerHMR ? [`${require.resolve('webpack/hot/poll')}?1000`] : [];
-    return [...prefix, ...entryPoint];
-}
-// This is the development configuration.
-// It is focused on developer experience and fast rebuilds.
-// The production configuration is different and lives in a separate file.
-const config = {
-    mode: 'development',
-    devtool: app_configs_1.default.devSourceMaps,
-    target: 'node',
-    node: {
-        __filename: true,
-        __dirname: true
-    },
-    entry: (0, get_entry_1.default)(app_configs_1.default.serverEntry, getSingleEntry),
-    context: app_configs_1.default.cwd,
-    output: {
-        // Add /* filename */ comments to generated require()s in the output.
-        pathinfo: true,
-        path: app_configs_1.default.serverOutputPath,
-        publicPath: app_configs_1.default.publicPath,
-        filename: app_configs_1.default.serverOutput,
-        chunkFilename: '[name].js',
-        // Point sourcemap entries to original disk location (format as URL on Windows)
-        devtoolModuleFilenameTemplate: (info) => path_1.default
-            .relative(app_configs_1.default.appSrc, info.absoluteResourcePath)
-            .replace(/\\/g, '/'),
-    },
-    cache: {
-        type: 'filesystem',
-        name: 'server',
-        buildDependencies: {
-            config: [__filename],
-        },
-    },
-    externalsPresets: { node: true },
-    externals: [(0, webpack_node_externals_1.default)({
-            allowlist: server_externals_exemptions_1.serverExternalsExemptions,
-            modulesFromFile: true,
-        })],
-    resolve: {
-        // This allows you to set a fallback for where Webpack should look for modules.
-        // We placed these paths second because we want `node_modules` to "win"
-        // if there are any conflicts. This matches Node resolution mechanism.
-        // https://github.com/facebookincubator/create-react-app/issues/253
-        modules: ['node_modules', app_configs_1.default.appNodeModules],
-        // These are the reasonable defaults supported by the Node ecosystem.
-        // We also include JSX as a common component filename extension to support
-        // some tools, although we do not recommend using it, see:
-        // https://github.com/facebookincubator/create-react-app/issues/290
-        // `web` extension prefixes have been added for better support
-        // for React Native Web.
-        extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx', '.ts', '.tsx'],
-        plugins: ([
-            (app_configs_1.default.tsconfig && new tsconfig_paths_webpack_plugin_1.default({
-                configFile: app_configs_1.default.tsconfig,
-                extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx', '.ts', '.tsx']
-            }))
-        ].filter(Boolean)),
-    },
-    module: {
-        // typescript interface will be removed from modules, and we will get an error on correct code
-        // see https://github.com/webpack/webpack/issues/7378
-        strictExportPresence: !app_configs_1.default.tsconfig,
-        rules: [
-            {
-                oneOf: ([
-                    // Process JS with Babel.
-                    {
-                        test: app_configs_1.default.useTscLoader ? /\.(js|jsx|mjs)$/ : /\.(js|jsx|mjs|ts|tsx)$/,
-                        include: app_configs_1.default.appSrc,
-                        loader: require.resolve('babel-loader'),
-                        options: Object.assign({
-                            // This is a feature of `babel-loader` for webpack (not Babel itself).
-                            // It enables caching results in ./node_modules/.cache/babel-loader/
-                            // directory for faster rebuilds.
-                            cacheDirectory: true,
-                        }, babel_server_1.default),
-                    },
-                    (app_configs_1.default.tsconfig && app_configs_1.default.useTscLoader) && {
-                        test: /\.tsx?$/,
-                        use: [
-                            {
-                                loader: require.resolve('babel-loader'),
-                                options: Object.assign({
-                                    // This is a feature of `babel-loader` for webpack (not Babel itself).
-                                    // It enables caching results in ./node_modules/.cache/babel-loader/
-                                    // directory for faster rebuilds.
-                                    cacheDirectory: true
-                                }, babel_server_1.default)
-                            },
-                            {
-                                loader: require.resolve('ts-loader'),
-                                options: {
-                                    onlyCompileBundledFiles: true,
-                                    transpileOnly: true,
-                                    happyPackMode: true,
-                                    configFile: app_configs_1.default.tsconfig
-                                }
-                            }
-                        ]
-                    },
-                    // Process any JS outside of the app with Babel.
-                    // Unlike the application JS, we only compile the standard ES features.
-                    {
-                        test: /\.(js|mjs)$/,
-                        exclude: /@babel(?:\/|\\{1,2})runtime/,
-                        loader: require.resolve('babel-loader'),
-                        options: Object.assign(Object.assign({}, babel_dependencies_1.babelDependencies), { babelrc: false, configFile: false, compact: false, cacheDirectory: true, cacheCompression: false }),
-                    },
-                    // replace css imports with empty files
-                    {
-                        test: cssRegex,
-                        exclude: cssModuleRegex,
-                        loader: require.resolve('null-loader')
-                    },
-                    {
-                        test: cssModuleRegex,
-                        use: [
-                            {
-                                loader: require.resolve('css-loader'),
-                                options: {
-                                    modules: {
-                                        exportOnlyLocals: true,
-                                        getLocalIdent: getCSSModuleLocalIdent_1.default
-                                    },
-                                },
-                            },
-                            {
-                                loader: require.resolve('postcss-loader'),
-                                options: {
-                                    // Necessary for external CSS imports to work
-                                    // https://github.com/facebookincubator/create-react-app/issues/2677
-                                    ident: 'postcss',
-                                    plugins: () => postcss_1.default,
-                                },
-                            },
-                        ],
-                    },
-                    // "file" loader makes sure those assets get served by WebpackDevServer.
-                    // When you `import` an asset, you get its (virtual) filename.
-                    // In production, they would get copied to the `build` folder.
-                    // This loader doesn't use a "test" so it will catch all modules
-                    // that fall through the other loaders.
-                    {
-                        // Exclude `js` files to keep "css" loader working as it injects
-                        // its runtime that would otherwise processed through "file" loader.
-                        // Also exclude `html` and `json` extensions so they get processed
-                        // by webpacks internal loaders.
-                        exclude: [/\.(js|jsx|mjs|ts|tsx)$/, /\.(html|ejs)$/, /\.json$/],
-                        loader: require.resolve('file-loader'),
-                        options: {
-                            outputPath: app_configs_1.default.publicPath,
-                            publicPath: app_configs_1.default.publicPath,
-                            name: 'static/media/[name].[hash:8].[ext]',
-                        },
-                    },
-                ].filter(Boolean)),
-            },
-        ],
-    },
-    optimization: {
-        nodeEnv: false,
-    },
-    plugins: ([
-        app_configs_1.default.useServerHMR
-            ? new run_script_webpack_plugin_1.RunScriptWebpackPlugin({
-                name: app_configs_1.default.serverOutput
-            })
-            : new ReloadServerPlugin({ script: path_1.default.join(app_configs_1.default.serverOutputPath, app_configs_1.default.serverOutput) }),
-        new webpack_1.default.NoEmitOnErrorsPlugin(),
-        new webpack_1.default.BannerPlugin({
-            banner: assetsIgnoreBanner,
-            raw: true,
-            entryOnly: false
-        }),
-        new webpack_1.default.DefinePlugin({
-            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')
-        }),
-        // Watcher doesn't work well if you mistype casing in a path so we use
-        // a plugin that prints an error when you attempt to do this.
-        // See https://github.com/facebookincubator/create-react-app/issues/240
-        new case_sensitive_paths_webpack_plugin_1.default(),
-        // If you require a missing module and then `npm install` it, you still have
-        // to restart the development server for Webpack to discover it. This plugin
-        // makes the discovery automatic so you don't have to restart.
-        // See https://github.com/facebookincubator/create-react-app/issues/186
-        new WatchMissingNodeModulesPlugin_1.default(app_configs_1.default.appNodeModules),
-        app_configs_1.default.tsconfig !== null && new fork_ts_checker_webpack_plugin_1.default(),
-        app_configs_1.default.useServerHMR && new webpack_1.default.HotModuleReplacementPlugin(),
-    ].filter(Boolean)),
-    // Turn off performance hints during development because we don't do any
-    // splitting or minification in interest of speed. These warnings become
-    // cumbersome.
-    performance: {
-        hints: false,
-    },
-    experiments: {
-        backCompat: app_configs_1.default.webpack4Compatibility,
-    },
-    watchOptions: {
-        ignored: /node_modules/,
-    }
-};
-const webpackServerDev = (0, apply_overrides_1.default)(['webpack', 'webpackServer', 'webpackDev', 'webpackServerDev'], config);
-exports.default = webpackServerDev;
+const webpack_server_1 = require("./webpack.server");
+const config = (0, apply_overrides_1.default)(['webpack', 'webpackServer', 'webpackDev', 'webpackServerDev'], (0, webpack_server_1.createServerConfig)('dev'));
+exports.default = config;