@tramvai/cli 2.64.0 → 2.66.0

package/src/library/webpack/application/client/dev.ts

@@ -57,11 +57,11 @@ export const webpackClientConfig = ({
   }
 
   config.output
-    .path(configManager.getBuildPath())
+    .path(configManager.buildPath)
     .publicPath(
       `http://${configManager.staticHost}:${
         configManager.staticPort
-      }/${configManager.build.options.outputClient.replace(/\/$/, '')}/`
+      }/${configManager.output.client.replace(/\/$/, '')}/`
     )
     .filename('[name].js')
     .chunkFilename('[name].chunk.js')
@@ -88,7 +88,7 @@ export const webpackClientConfig = ({
     }
   }
 
-  const { checkAsyncTs } = configManager.build.configurations;
+  const { checkAsyncTs } = configManager;
 
   if (checkAsyncTs) {
     const additionalOptions = isObject(checkAsyncTs) ? checkAsyncTs.pluginOptions || {} : {};
@@ -129,9 +129,9 @@ export const webpackClientConfig = ({
     },
   ]);
 
-  if (configManager.hotRefresh) {
-    const { configurations: { hotRefreshOptions = {} } = {} } = configManager.serve;
+  const { hotRefresh } = configManager;
 
+  if (hotRefresh?.enabled) {
     const splitChunks: SplitChunksOptions = {
       cacheGroups: {
         default: false,
@@ -156,12 +156,12 @@ export const webpackClientConfig = ({
     config.plugin('hot-module').use(webpack.HotModuleReplacementPlugin);
     config.plugin('react-refresh').use(ReactRefreshPlugin, [
       {
-        ...hotRefreshOptions,
+        ...hotRefresh.options,
         overlay:
-          typeof hotRefreshOptions.overlay === 'boolean'
-            ? hotRefreshOptions.overlay
+          typeof hotRefresh.options?.overlay === 'boolean'
+            ? hotRefresh.options.overlay
             : {
-                ...hotRefreshOptions.overlay,
+                ...hotRefresh.options?.overlay,
               },
       },
     ]);

package/src/library/webpack/application/client/prod/optimization/splitChunks.ts

@@ -57,14 +57,11 @@ const resolveFrameworksPaths = (rootDir: string, frameworksList: string[]) => {
 // eslint-disable-next-line max-statements
 export const splitChunksConfig =
   (configManager: ConfigManager<ApplicationConfigEntry>) => (config: Config) => {
-    const {
-      rootDir,
-      build: { configurations },
-    } = configManager;
+    const { rootDir, splitChunks } = configManager;
 
     const topLevelFrameworkPaths = resolveFrameworksPaths(rootDir, ['react', 'react-dom']);
 
-    const reachCacheGroup: Exclude<SplitChunksOptions, boolean>['cacheGroups'][string] = {
+    const reactCacheGroup: Exclude<Required<SplitChunksOptions>, boolean>['cacheGroups'][string] = {
       chunks: 'all',
       name: 'react',
       // This regex ignores nested copies of framework libraries so they're bundled with their issuer.
@@ -82,51 +79,53 @@ export const splitChunksConfig =
       // Don't let webpack eliminate this chunk (prevents this chunk from becoming a part of the commons chunk)
       enforce: true,
     };
-    let splitChunks: SplitChunksOptions = false;
-
-    if (configurations.granularChunks) {
-      splitChunks = {
-        chunks: 'all',
-        maxInitialRequests: 10,
-        maxAsyncRequests: 20,
-        cacheGroups: {
-          default: false,
-          defaultVendors: false,
-          reachCacheGroup,
-          shared: {
-            chunks: 'async',
-            minChunks: configurations.granularChunksSplitNumber,
-            minSize: configurations.granularChunksMinSize,
-            reuseExistingChunk: true,
-            name(module, chunks) {
-              return crypto
-                .createHash('sha1')
-                .update(
-                  chunks.reduce((acc: string, chunk: webpack.Chunk) => {
-                    return acc + chunk.name;
-                  }, '')
-                )
-                .digest('hex');
+    let webpackSplitChunks: SplitChunksOptions = false;
+
+    switch (splitChunks.mode) {
+      case 'granularChunks':
+        webpackSplitChunks = {
+          chunks: 'all',
+          maxInitialRequests: 10,
+          maxAsyncRequests: 20,
+          cacheGroups: {
+            default: false,
+            defaultVendors: false,
+            reactCacheGroup,
+            shared: {
+              chunks: 'async',
+              minChunks: splitChunks.granularChunksSplitNumber,
+              minSize: splitChunks.granularChunksMinSize,
+              reuseExistingChunk: true,
+              name(module: any, chunks: webpack.Chunk[]) {
+                return crypto
+                  .createHash('sha1')
+                  .update(
+                    chunks.reduce((acc: string, chunk: webpack.Chunk) => {
+                      return acc + chunk.name;
+                    }, '')
+                  )
+                  .digest('hex');
+              },
             },
           },
-        },
-      };
-    } else if (configurations.commonChunk) {
-      splitChunks = {
-        cacheGroups: {
-          default: false,
-          defaultVendors: false,
-          reachCacheGroup,
-          commons: {
-            name: 'common-chunk',
-            minChunks: configurations.commonChunkSplitNumber,
+        };
+      // eslint-disable-next-line no-fallthrough
+      case 'commonChunk':
+        webpackSplitChunks = {
+          cacheGroups: {
+            default: false,
+            defaultVendors: false,
+            reactCacheGroup,
+            commons: {
+              name: 'common-chunk',
+              minChunks: splitChunks.commonChunkSplitNumber,
+            },
           },
-        },
-      };
+        };
     }
 
     config.optimization
-      .splitChunks(splitChunks)
+      .splitChunks(webpackSplitChunks)
       // namedChunks должно быть включено, чтобы webpack-flush-chunks смог определить имена чанков от которых зависит чанк бандла после обработчки через splitChunks
       .set('chunkIds', 'named');
 

package/src/library/webpack/application/client/prod.ts

@@ -27,15 +27,13 @@ export const webpackClientConfig = ({
 }) => {
   const config = new Config();
 
-  const { configurations } = configManager.build;
-
   config.batch(common(configManager));
   config.batch(commonProd(configManager));
 
   config.bail(true);
 
   config.output
-    .path(configManager.getBuildPath())
+    .path(configManager.buildPath)
     .publicPath('')
     .filename('[name].[contenthash].js')
     .chunkFilename('[name].[contenthash].chunk.js')
@@ -73,7 +71,7 @@ export const webpackClientConfig = ({
 
   config.batch(optimize(configManager));
 
-  const { checkAsyncTs } = configManager.build.configurations;
+  const { checkAsyncTs, debug, sourceMap } = configManager;
 
   if (isObject(checkAsyncTs) && checkAsyncTs.failOnBuild) {
     const additionalOptions = isObject(checkAsyncTs) ? checkAsyncTs.pluginOptions || {} : {};
@@ -96,7 +94,7 @@ export const webpackClientConfig = ({
     config.plugin('fork-ts-checker').use(require('fork-ts-checker-webpack-plugin'), [options]);
   }
 
-  if (configurations.sourceMap || configManager.debug) {
+  if (sourceMap || debug) {
     config.batch(sourcemaps(configManager));
   }
 

package/src/library/webpack/application/server/common.ts

@@ -20,10 +20,7 @@ import { extractCssPluginFactory } from '../../blocks/extractCssPlugin';
 
 // eslint-disable-next-line import/no-default-export
 export default (configManager: ConfigManager<ApplicationConfigEntry>) => (config: Config) => {
-  const {
-    options: { server = '', outputServer = '' } = {},
-    configurations: { fileSystemPages },
-  } = configManager.build;
+  const { output, fileSystemPages } = configManager;
 
   config.name('server');
 
@@ -32,7 +29,7 @@ export default (configManager: ConfigManager<ApplicationConfigEntry>) => (config
   config.batch(files(configManager));
   config.batch(apiResolve(configManager));
 
-  if (fileSystemPages.enable) {
+  if (fileSystemPages.enabled) {
     config.batch(pagesResolve(configManager));
   }
 
@@ -43,13 +40,13 @@ export default (configManager: ConfigManager<ApplicationConfigEntry>) => (config
 
   config
     .entry('server')
-    .add(path.resolve(configManager.rootDir, server))
+    .add(path.resolve(configManager.rootDir, `${configManager.root}/index`))
     .end()
     .resolve.extensions.merge(['.node']);
 
   config.output
-    .path(configManager.getBuildPath())
-    .publicPath(path.posix.join('/', outputServer))
+    .path(configManager.buildPath)
+    .publicPath(path.posix.join('/', output.server))
     .filename('server.js');
 
   config.optimization.splitChunks(false).removeAvailableModules(false);

package/src/library/webpack/application/server/dev.ts

@@ -21,14 +21,13 @@ export const webpackServerConfig = ({
   configManager: ConfigManager<ApplicationConfigEntry>;
   showProgress: typeof UI_SHOW_PROGRESS_TOKEN | null;
 }) => {
-  const { options: { server = '' } = {} } = configManager.build;
   const config = new Config();
 
   config.batch(common(configManager));
   config.batch(commonDev());
   config.batch(
     commonApplicationDev({
-      entry: path.resolve(configManager.rootDir, server),
+      entry: path.resolve(configManager.rootDir, `${configManager.root}/index`),
       onlyBundles: configManager.onlyBundles,
     })
   );
@@ -47,9 +46,9 @@ export const webpackServerConfig = ({
   }
 
   config.externals(
-    (configManager.build.configurations.externals || [])
-      .concat(configManager.serve.configurations.externals || [])
-      .map((s) => new RegExp(`^${s}`))
+    ['react$', 'react-dom', 'prop-types', 'fastify', 'core-js', ...configManager.externals].map(
+      (s) => new RegExp(`^${s}`)
+    )
   );
 
   config.optimization.set('emitOnErrors', false);
@@ -85,7 +84,7 @@ export const webpackServerConfig = ({
         process.env.ASSETS_PREFIX ??
         `"http://${configManager.staticHost}:${
           configManager.staticPort
-        }/${configManager.build.options.outputClient.replace(/\/$/, '')}/"`,
+        }/${configManager.output.client.replace(/\/$/, '')}/"`,
     },
   ]);
 

package/src/library/webpack/application/server/prod.ts

@@ -15,20 +15,14 @@ export const webpackServerConfig = ({
   configManager: ConfigManager<ApplicationConfigEntry>;
 }) => {
   const config = new Config();
-  const { debug } = configManager;
-
-  const {
-    configurations: { sourceMapServer },
-  } = configManager.build;
+  const { debug, sourceMap } = configManager;
 
   config.batch(common(configManager));
   config.batch(commonProd(configManager));
 
   config.bail(true);
 
-  config.externals(
-    (configManager.build.configurations.externals || []).map((s) => new RegExp(`^${s}`))
-  );
+  config.externals(configManager.externals.map((s) => new RegExp(`^${s}`)));
 
   if (configManager.disableProdOptimization) {
     // with this option for id of module path to file will be used
@@ -63,7 +57,7 @@ export const webpackServerConfig = ({
     },
   ]);
 
-  if (sourceMapServer || debug) {
+  if (sourceMap || debug) {
     config.batch(sourcemaps(configManager));
   }
 

package/src/library/webpack/blocks/apiResolve.ts

@@ -6,7 +6,7 @@ import type { ApplicationConfigEntry } from '../../../typings/configEntry/applic
 
 // eslint-disable-next-line import/no-default-export
 export default (configManager: ConfigManager<ApplicationConfigEntry>) => (config: Config) => {
-  const dir = path.resolve(configManager.rootDir, configManager.build.options.serverApiDir);
+  const dir = path.resolve(configManager.rootDir, configManager.serverApiDir);
   const files = readDir(dir);
 
   if (!files.length) {

package/src/library/webpack/blocks/configResolve.ts

@@ -14,9 +14,9 @@ export default (configManager: ConfigManager) => (config: Config) => {
     .loader(path.resolve(__dirname, '../loaders/replaceContent'))
     .options({
       code: `
-  import { ConfigManager } from '@tramvai/cli/lib/config/configManager';
+  import { createConfigManager } from '@tramvai/cli/lib/config/configManager';
 
-  const appConfig = ConfigManager.rehydrate(${JSON.stringify(configManager.dehydrate())});
+  const appConfig = createConfigManager(...${JSON.stringify(configManager.dehydrate())});
   const moduleConfig = appConfig;
 
   export { appConfig, moduleConfig };

package/src/library/webpack/blocks/configToEnv.ts

@@ -1,16 +1,19 @@
 import type Config from 'webpack-chain';
 import type { ConfigManager } from '../../../config/configManager';
+import { isApplication } from '../../../config/validate';
 import type { ConfigEntry } from '../../../typings/configEntry/common';
 import { shouldUseReactRoot } from '../../../utils/shouldUseReactRoot';
 
 export const configToEnv = (configManager: ConfigManager<ConfigEntry>) => (config: Config) => {
-  const { fileSystemPages } = configManager.build.configurations;
+  const { fileSystemPages } = isApplication(configManager)
+    ? configManager
+    : { fileSystemPages: { enabled: false, routesDir: false, pagesDir: false } };
 
   config.plugin('define').tap((args) => [
     {
       ...args[0],
       'process.env.__TRAMVAI_EXPERIMENTAL_ENABLE_FILE_SYSTEM_PAGES': JSON.stringify(
-        fileSystemPages.enable
+        fileSystemPages.enabled
       ),
       'process.env.__TRAMVAI_EXPERIMENTAL_FILE_SYSTEM_ROUTES_DIR': JSON.stringify(
         fileSystemPages.routesDir

package/src/library/webpack/blocks/css.ts

@@ -5,29 +5,33 @@ import ExtractCssChunks from 'mini-css-extract-plugin';
 import { createGenerator } from '@tinkoff/minicss-class-generator';
 import { safeRequire } from '../../../utils/safeRequire';
 import type { ConfigManager } from '../../../config/configManager';
+import type { CliConfigEntry } from '../../../typings/configEntry/cli';
 
 const cssLocalIdentNameDevDefault = '[name]__[local]_[minicss]';
 const cssLocalIdentNameProdDefault = '[minicss]';
 
+export const getPostcssConfigPath = (configManager: ConfigManager<CliConfigEntry>) => {
+  return configManager.postcss.config ?? 'postcss.config';
+};
+
 interface Options {
   localIdentName?: string;
 }
 
 export const cssWebpackRulesFactory =
-  (configManager: ConfigManager, options: Options = {}) =>
+  (configManager: ConfigManager<CliConfigEntry>, options: Options = {}) =>
   (config: Config) => {
+    const { env, sourceMap } = configManager;
     const {
       postcss: {
-        config: postcssConfig = '',
-        cssLocalIdentName = null,
-        cssLocalIdentNameDev = cssLocalIdentName ?? cssLocalIdentNameDevDefault,
-        cssLocalIdentNameProd = cssLocalIdentName ?? cssLocalIdentNameProdDefault,
-      } = {},
-    } = configManager.build.configurations;
-    const { env, sourceMap } = configManager;
-    const localIdentName =
-      options.localIdentName ??
-      (env === 'production' ? cssLocalIdentNameProd : cssLocalIdentNameDev);
+        config: postcssConfig,
+        cssLocalIdentName = env === 'production'
+          ? cssLocalIdentNameProdDefault
+          : cssLocalIdentNameDevDefault,
+        cssModulePattern,
+      },
+    } = configManager;
+    const localIdentName = options.localIdentName ?? cssLocalIdentName;
 
     const configCssLoader = (cfg) => {
       cfg.use('extract-css').loader(ExtractCssChunks.loader).options({ esModule: false });
@@ -36,6 +40,10 @@ export const cssWebpackRulesFactory =
         localIdentName,
       };
 
+      if (cssModulePattern) {
+        cssModulesOptions.auto = new RegExp(cssModulePattern);
+      }
+
       // TODO: можно будет избавиться от проверки и сотавить всё в minicss-плагине, когда зарелизят эти изменения
       // https://github.com/webpack-contrib/css-loader/blob/master/src/utils.js#L310
       if (/\[minicss]/.test(localIdentName)) {
@@ -50,12 +58,13 @@ export const cssWebpackRulesFactory =
       });
     };
 
-    const postcssCfg = postcssConfig
-      ? safeRequire(
-          path.resolve(configManager.rootDir, postcssConfig),
-          process.env.NODE_ENV === 'test'
-        ) ?? {}
-      : {};
+    const postcssCfg =
+      safeRequire(
+        path.resolve(configManager.rootDir, getPostcssConfigPath(configManager)),
+        // ignore missed file if users haven't provided any value
+        // in case the path was provided it should exist
+        typeof postcssConfig === 'undefined'
+      ) ?? {};
 
     config.module
       .rule('css')

package/src/library/webpack/blocks/extractCssPlugin.ts

@@ -1,29 +1,30 @@
 import type Config from 'webpack-chain';
+import type { PluginOptions } from 'mini-css-extract-plugin';
 import ExtractCssPlugin from 'mini-css-extract-plugin';
 import type { ConfigManager } from '../../../config/configManager';
+import type { CliConfigEntry } from '../../../typings/configEntry/cli';
 
 interface Options {
-  filename?: string;
-  chunkFilename?: string;
+  filename?: string | null;
+  chunkFilename?: string | null;
 }
 
 export const extractCssPluginFactory =
-  (configManager: ConfigManager, options: Options = {}) =>
+  (configManager: ConfigManager<CliConfigEntry>, options: Options = {}) =>
   (config: Config) => {
     const { filename = '[name].css', chunkFilename = '[name].chunk.css' } = options;
 
-    const pluginOptions = {
-      filename,
-      chunkFilename,
+    const pluginOptions: PluginOptions = {
       ignoreOrder: true,
       experimentalUseImportModule: !!configManager.experiments.minicss?.useImportModule,
     };
 
-    if (filename === null) {
-      delete pluginOptions.filename;
+    if (filename !== null) {
+      pluginOptions.filename = filename;
     }
-    if (chunkFilename === null) {
-      delete pluginOptions.chunkFilename;
+
+    if (chunkFilename !== null) {
+      pluginOptions.chunkFilename = chunkFilename;
     }
 
     config.plugin('extract-css').use(ExtractCssPlugin, [pluginOptions]);

package/src/library/webpack/blocks/filesClient.ts

@@ -3,55 +3,57 @@ import type Config from 'webpack-chain';
 import SparkMD5 from 'spark-md5';
 import type { ConfigManager } from '../../../config/configManager';
 import { addSvgrLoader, getSvgoOptions } from '../utils/files';
+import type { CliConfigEntry } from '../../../typings/configEntry/cli';
+
+export const filesClientWebpackRulesFactory =
+  (configManager: ConfigManager<CliConfigEntry>) => (config: Config) => {
+    const svgoOptions = getSvgoOptions(configManager);
+
+    config.module
+      .rule('woff')
+      .test(/\.woff2?$/)
+      .set('type', 'asset');
+
+    addSvgrLoader(configManager, config, svgoOptions);
+
+    config.module
+      .rule('svg')
+      .test(/\.svg$/)
+      .set('resourceQuery', { not: /react/ })
+      .set('type', 'asset/resource')
+      .set('generator', {
+        filename: (pathInfo) => {
+          // hash computation exactly how it is working in react-ui-kit
+          // TODO: it leads to high coherence with ui-kit, better change it to some other method
+          return `${SparkMD5.hash(pathInfo.module.originalSource().source().toString())}.svg`;
+        },
+      })
+      .use('svg')
+      .loader('svgo-loader')
+      .options(svgoOptions);
+
+    config.module
+      .rule('tramvai-image')
+      .test(/\.(png|jpe?g|gif|webp)$/)
+      .use('file')
+      .loader(path.resolve(__dirname, '../loaders/image-loader'))
+      .end();
 
-export const filesClientWebackRulesFactory = (configManager: ConfigManager) => (config: Config) => {
-  const svgoOptions = getSvgoOptions(configManager);
-
-  config.module
-    .rule('woff')
-    .test(/\.woff2?$/)
-    .set('type', 'asset');
-
-  addSvgrLoader(configManager, config, svgoOptions);
-
-  config.module
-    .rule('svg')
-    .test(/\.svg$/)
-    .set('resourceQuery', { not: /react/ })
-    .set('type', 'asset/resource')
-    .set('generator', {
-      filename: (pathInfo) => {
-        // hash computation exactly how it is working in react-ui-kit
-        // TODO: it leads to high coherence with ui-kit, better change it to some other method
-        return `${SparkMD5.hash(pathInfo.module.originalSource().source().toString())}.svg`;
-      },
-    })
-    .use('svg')
-    .loader('svgo-loader')
-    .options(svgoOptions);
-
-  config.module
-    .rule('tramvai-image')
-    .test(/\.(png|jpe?g|gif|webp)$/)
-    .use('file')
-    .loader(path.resolve(__dirname, '../loaders/image-loader'))
-    .end();
-
-  config.module
-    .rule('video')
-    .test(/\.(mp4|webm|avif)$/)
-    .set('type', 'asset/resource');
-
-  if (configManager.build?.configurations?.imageOptimization?.enabled) {
     config.module
-      .rule('image-optimization')
-      .test(/\.(gif|png|jpe?g|svg)$/)
-      .use('image')
-      .loader('image-webpack-loader')
-      .options({ ...configManager.build?.configurations?.imageOptimization?.options })
-      .end()
-      .enforce('pre');
-  }
-};
-
-export default filesClientWebackRulesFactory;
+      .rule('video')
+      .test(/\.(mp4|webm|avif)$/)
+      .set('type', 'asset/resource');
+
+    if (configManager.imageOptimization?.enabled) {
+      config.module
+        .rule('image-optimization')
+        .test(/\.(gif|png|jpe?g|svg)$/)
+        .use('image')
+        .loader('image-webpack-loader')
+        .options({ ...(configManager.imageOptimization?.options as any) })
+        .end()
+        .enforce('pre');
+    }
+  };
+
+export default filesClientWebpackRulesFactory;

package/src/library/webpack/blocks/filesServer.ts

@@ -1,9 +1,10 @@
 import path from 'path';
 import type Config from 'webpack-chain';
 import type { ConfigManager } from '../../../config/configManager';
+import type { CliConfigEntry } from '../../../typings/configEntry/cli';
 import { addSvgrLoader, getSvgoOptions } from '../utils/files';
 
-export default (configManager: ConfigManager) => (config: Config) => {
+export default (configManager: ConfigManager<CliConfigEntry>) => (config: Config) => {
   const svgoOptions = getSvgoOptions(configManager);
 
   config.module
@@ -43,13 +44,13 @@ export default (configManager: ConfigManager) => (config: Config) => {
       emit: false,
     });
 
-  if (configManager.build?.configurations?.imageOptimization?.enabled) {
+  if (configManager.imageOptimization?.enabled) {
     config.module
       .rule('image-optimization')
       .test(/\.(gif|png|jpe?g|svg)$/)
       .use('image')
       .loader('image-webpack-loader')
-      .options({ ...configManager.build?.configurations?.imageOptimization?.options })
+      .options({ ...(configManager.imageOptimization?.options as Record<string, any>) })
       .end()
       .enforce('pre');
   }

package/src/library/webpack/blocks/js.ts

@@ -4,10 +4,11 @@ import { createWorkerPoolTranspiler } from '../utils/workersPool';
 import type { ConfigManager } from '../../../config/configManager';
 import type { TranspilerConfig } from '../utils/transpiler';
 import { getTranspilerConfig, addTranspilerLoader } from '../utils/transpiler';
+import type { CliConfigEntry } from '../../../typings/configEntry/cli';
 
 // eslint-disable-next-line import/no-default-export
-export default (configManager: ConfigManager) => (config: Config) => {
-  const { transpileOnlyModernLibs } = configManager.build.configurations;
+export default (configManager: ConfigManager<CliConfigEntry>) => (config: Config) => {
+  const { transpileOnlyModernLibs } = configManager;
 
   const jsRule = (transpilerConfig: TranspilerConfig) => (rule: Config.Rule) => {
     const cfg = rule

package/src/library/webpack/blocks/nodeClient.ts

@@ -1,13 +1,14 @@
 import webpack from 'webpack';
 import type Config from 'webpack-chain';
 import type { ConfigManager } from '../../../config/configManager';
+import type { CliConfigEntry } from '../../../typings/configEntry/cli';
 
-export default (configManager: ConfigManager) => (config: Config) => {
+export default (configManager: ConfigManager<CliConfigEntry>) => (config: Config) => {
   // webpack 5 больше не добавляет полифиллы для node-библиотек
   // поэтому если они всё же где-то используются на клиенте их надо добавить явно
   config.resolve.alias.set('path', 'path-browserify').set('vm', false);
 
-  const browserifyPolyfills = configManager.build.configurations.webpackResolveAlias;
+  const browserifyPolyfills = configManager.webpack.resolveAlias;
   if (browserifyPolyfills) {
     Object.entries(browserifyPolyfills).forEach(([key, value]) => {
       config.resolve.alias.set(key, value);
@@ -17,7 +18,7 @@ export default (configManager: ConfigManager) => (config: Config) => {
   config.plugin('provide').use(webpack.ProvidePlugin, [
     {
       process: 'process',
-      ...configManager.build.configurations.webpackProvide,
+      ...(configManager.webpack.provide as Record<string, any>),
     },
   ]);
 };