@zohodesk/client_build_tool 0.0.1 → 0.0.2

package/lib/schemas/defaultConfigValues.js

@@ -14,7 +14,8 @@ var _default = {
     cli: 'context'
   },
   devtool: 'hidden-cheap-source-map',
-  enableChunkHash: {
+  statsLogConfig: null,
+  enableFileNameHashing: {
     value: false,
     cli: 'enable_hash'
   },
@@ -22,18 +23,6 @@ var _default = {
     value: false,
     cli: 'bundle_analyze'
   },
-  devConsoleExclude: {
-    value: false,
-    cli: 'bundle_analyze'
-  },
-  separateCssModules: {
-    value: false,
-    cli: 'separate_css_modules'
-  },
-  enableFileNameHashing: {
-    value: false,
-    cli: 'separate_css_modules'
-  },
   enableMockReplace: {
     value: false,
     cli: 'enable_mock_replace'
@@ -68,7 +57,7 @@ var _default = {
       cli: 'port'
     },
     domain: {
-      value: 'tsi',
+      value: null,
       cli: 'domain'
     },
     disableContextURL: {
@@ -225,13 +214,35 @@ var _default = {
   },
   createSeparateSMap: {
     value: false,
-    cli: 'source_map_enable'
+    cli: 'enable_smap'
   },
   babelCustomizations: {
     browserList: null,
     // NOTE: need to consider
     // presets: [],
-    plugins: []
+    plugins: [],
+    removeAttribute: {
+      enable: false,
+      options: {
+        attributeNames: ['data-testid']
+      }
+    },
+    removePropTypes: {
+      enable: false,
+      options: {
+        mode: 'remove',
+        removeImport: true
+      }
+    },
+    devConsoleExclude: {
+      enable: {
+        value: false,
+        cli: 'console_exclude'
+      },
+      options: {
+        exclude: ['error']
+      }
+    }
   },
   webpackPlugins: [],
   vendorPatterns: [],
@@ -241,14 +252,17 @@ var _default = {
     patterns: ['*.css']
   }],
   cdnMapping: {
-    isCdnEnabled: false,
+    isCdnEnabled: {
+      value: false,
+      cli: 'enable_cdn'
+    },
     variableName: '',
     cssTemplate: '',
     jsTemplate: '',
     i18nTemplate: ''
   },
   manifestJson: {
-    enable: true
+    enable: false
   },
   changeRuntimeChunkChar: '~',
   serviceWorker: {
@@ -257,20 +271,42 @@ var _default = {
     outputFilePath: '/v1.js',
     replaceText: '//<!--AssetsFromBuild -->'
   },
-  removeAttribute: {
-    enable: true,
-    attributeNames: ['data-testid']
-  },
   customLoaders: [],
   resourceHints: {
     allowPrefetchingMultipleChunks: false
   },
-  fileHashMappingToVariable: [{
-    filePath: 'tp/crmplus/crmplusimpl.js',
-    key: '__CRMPLUS_IMPL_HASH__',
-    // fileNameTemplate: '[path]/[name]-[hash:15]_.[ext]',
-    // fileName: 'crmplusimpl.js',
-    hashLength: 20
-  }]
+  devModeContentHashAllowedTypes: null,
+  devLikeHash: {
+    value: false,
+    cli: 'dev_like_hash'
+  },
+  disableReactDevWarning: {
+    value: false,
+    cli: 'disable_react_dev_warning'
+  },
+  preProcess: {
+    enable: {
+      value: false,
+      cli: 'enable_pre_process'
+    },
+    // This option is for tell the CBT to which is preprocessor js file path
+    runner: {
+      value: '',
+      cli: 'preprocessor'
+    },
+    // usually preprocessor run in nodemon for, start and docs , preprocessor
+    stopNodemon: {
+      value: false,
+      cli: 'stop_nodemon'
+    }
+  },
+  fileHashMappingToVariable: null,
+  customAttributes: {
+    enable: false,
+    attributes: null,
+    jsAttributes: null,
+    cssAttributes: null,
+    i18nAttributes: null
+  }
 };
 exports.default = _default;

package/lib/schemas/defaultConfigValuesOnly.js

@@ -11,7 +11,7 @@ var _os = require("os");
 var _default = {
   context: 'app',
   devtool: 'hidden-cheap-source-map',
-  enableChunkHash: false,
+  enableFileNameHashing: false,
   bundleAnalyze: false,
   enableMockReplace: false,
   noPublicPath: false,
@@ -124,6 +124,25 @@ var _default = {
   createSeparateSMap: false,
   babelCustomizations: {
     browserList: null,
+    removeAttribute: {
+      enable: false,
+      options: {
+        attributeNames: ['data-testid']
+      }
+    },
+    removePropTypes: {
+      enable: false,
+      options: {
+        mode: 'remove',
+        removeImport: true
+      }
+    },
+    devConsoleExclude: {
+      enable: false,
+      options: {
+        exclude: ['error']
+      }
+    },
     // NOTE: need to consider
     // presets: [],
     plugins: []

package/lib/shared/babel/addDefaultPlugins.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addDefaultPlugins = addDefaultPlugins;
+
+function addDefaultPlugins(plugin, pluginName) {
+  if (plugin.enable) {
+    return [require.resolve(pluginName), plugin.options];
+  }
+
+  ;
+  return null;
+}

package/lib/shared/babel/babelWebConfig.js

@@ -9,7 +9,7 @@ var _helperCompilationTargets = _interopRequireDefault(require("@babel/helper-co
 
 var _logger = require("../../logger");
 
-var _defaultBabelPlugins = require("./defaultBabelPlugins");
+var _getBabelPlugin = require("./getBabelPlugin");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -27,7 +27,7 @@ function babelWebConfig(options, mode) {
   } = options.babelCustomizations;
   return {
     presets: [getBabelPresetEnvConfig(browserList, mode), require.resolve('@babel/preset-react')],
-    plugins: customBabelPlugins(babelPlugins).concat((0, _defaultBabelPlugins.defaultBabelPlugins)(options)).filter(Boolean)
+    plugins: customBabelPlugins(babelPlugins).concat((0, _getBabelPlugin.getBabelPlugin)(options)).filter(Boolean)
   };
 }
 

package/lib/shared/babel/getBabelPlugin.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBabelPlugin = getBabelPlugin;
+
+var _modeUtils = require("../bundler/webpack/common/modeUtils");
+
+var _addDefaultPlugins = require("./addDefaultPlugins");
+
+const babelPluginMapping = {
+  removeAttribute: './babel_plugins/removeAttributesPlugin',
+  removePropTypes: 'babel-plugin-transform-react-remove-prop-types',
+  devConsoleExclude: 'babel-plugin-transform-remove-console'
+};
+const babelPluginOrder = ['removeAttribute', 'removePropTypes', 'devConsoleExclude'];
+
+function getBabelPlugin(options) {
+  const {
+    mode
+  } = options;
+  let customPlugins = [];
+  const {
+    babelCustomizations
+  } = options;
+
+  if ((0, _modeUtils.isProductionMode)(mode)) {
+    const configCreator = _addDefaultPlugins.addDefaultPlugins;
+    const plugins = babelPluginOrder.map(p => configCreator(babelCustomizations[p], babelPluginMapping[p]));
+    customPlugins = plugins;
+  }
+
+  return customPlugins.filter(Boolean);
+}
+
+;

package/lib/shared/bundler/webpack/common/nameTemplates.js

@@ -42,7 +42,7 @@ function createNameTemplate(name, useHash) {
   return useHash ? name[1] : name[0];
 }
 
-const devModeContentHashAllowedTypes = {
+const defaultDevModeContentHashAllowedTypes = {
   image: true,
   font: true,
   svg: true,
@@ -52,22 +52,45 @@ const devModeContentHashAllowedTypes = {
 
 function nameTemplates(type, options) {
   const {
-    enableChunkHash,
-    mode
+    enableFileNameHashing,
+    mode,
+    devLikeHash
   } = options;
+  let {
+    devModeContentHashAllowedTypes
+  } = options;
+  devModeContentHashAllowedTypes = devModeContentHashAllowedTypes || defaultDevModeContentHashAllowedTypes;
   const templateName = templates[type];
 
   if (!templateName) {
     throw Error(`specified type not valid Type: ${type}`);
-  }
+  } // eslint-disable-next-line no-use-before-define
+
+
+  const useHash = checkCanWeAllowHash({
+    enableFileNameHashing,
+    devLikeHash: devLikeHash || (0, _modeUtils.isDevelopmentMode)(mode),
+    type,
+    devModeContentHashAllowedTypes
+  });
+  return createNameTemplate(templateName, useHash);
+}
 
-  let useHash = enableChunkHash;
+function checkCanWeAllowHash({
+  enableFileNameHashing,
+  devLikeHash,
+  type,
+  devModeContentHashAllowedTypes
+}) {
+  if (!enableFileNameHashing) {
+    return false;
+  }
 
-  if ((0, _modeUtils.isDevelopmentMode)(mode) && enableChunkHash && !devModeContentHashAllowedTypes[type]) {
-    useHash = false;
+  if (devLikeHash) {
+    return devModeContentHashAllowedTypes[type];
   }
 
-  return createNameTemplate(templateName, useHash);
+  return true;
 } // export function cssDirNameTemplate(dir, options) {
 //   return nameTemplates('cssdir', options).replace(/\[dir\]/g, dir);
 // }

package/lib/shared/bundler/webpack/configCustomLoaders.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.configCustomLoaders = configCustomLoaders;
 
 function configCustomLoaders(options) {
-  return options.customLoaders;
+  return options.customLoaders || [];
 }

package/lib/shared/bundler/webpack/custom_plugins/TPHashMappingPlugin/index.js

@@ -29,7 +29,7 @@ class TPHashMappingPlugin {
 
   getFiles() {
     const hashMapping = {};
-    this.fileMappings.forEach(fileInfo => {
+    this.fileMappings.filter(f => f.enable).forEach(fileInfo => {
       const filePath = _path.default.join(this.tpFolder, fileInfo.filePath);
 
       if (_fs.default.existsSync(filePath)) {

package/lib/shared/bundler/webpack/custom_plugins/custom_attribute_plugin/index.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomAttributesPlugin = void 0;
+
+var _htmlWebpackInjectAttributesPlugin = _interopRequireDefault(require("html-webpack-inject-attributes-plugin"));
+
+var _webpack = require("webpack");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const pluginName = 'CustomAttributesPlugin';
+
+function attributeSetTemplate(attributes, variableName) {
+  const str = [];
+  Object.keys(attributes).forEach(key => {
+    const val = attributes[key];
+    str.push(`${variableName}.setAttribute(${JSON.stringify(key)}, ${JSON.stringify(val)});`);
+  });
+  return str;
+}
+
+function writeCss(attributes, code) {
+  const str = attributeSetTemplate(attributes, 'linkTag');
+  return code.replace('document.head.appendChild(linkTag);', `${str.join('')}document.head.appendChild(linkTag);`);
+}
+
+function writeI18nJs(attributes, code) {
+  const str = attributeSetTemplate(attributes, 'scripTag');
+  return code.replace('document.head.appendChild(scriptTag);', `{${str.join('')} document.head.appendChild(scriptTag)};`);
+}
+
+function writeJs(attributes, code) {
+  const str = attributeSetTemplate(attributes, 'script');
+  return code.replace('needAttach && document.head.appendChild(script);', `if(needAttach) {${str.join('')} document.head.appendChild(script)};`);
+}
+
+class CustomAttributesPlugin {
+  constructor(options) {
+    this.options = {
+      attributes: options.attributes,
+      jsAttributes: options.jsAttributes || options.attributes || {},
+      cssAttributes: options.cssAttributes || options.attributes || {},
+      i18nAttributes: options.i18nAttributes || options.attributes || {}
+    };
+  }
+
+  apply(compiler) {
+    const {
+      RawSource
+    } = compiler.webpack.sources; // NOTE: we not using this, Reason currently this option is only need for EFC,
+    // So it do not needed.
+
+    const {
+      attributes
+    } = this.options;
+    attributes && new _htmlWebpackInjectAttributesPlugin.default(attributes).apply(compiler);
+    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+      compilation.hooks.processAssets.tap({
+        name: pluginName,
+        stage: _webpack.Compilation.PROCESS_ASSETS_STAGE_DERIVED
+      }, assets => {
+        const asset = Object.keys(assets).filter(k => /runtime.*\.js$/g.test(k));
+        asset.forEach(e => {
+          const runtimeJS = assets[e];
+          let code = runtimeJS.source();
+          code = writeCss(this.options.cssAttributes, code);
+          code = writeI18nJs(this.options.i18nAttributes, code);
+          code = writeJs(this.options.jsAttributes, code);
+          compilation.updateAsset(e, new RawSource(code));
+        });
+      });
+    });
+  }
+
+}
+
+exports.CustomAttributesPlugin = CustomAttributesPlugin;

package/lib/shared/bundler/webpack/getCSSLoaders.js

@@ -16,6 +16,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function getCSSLoaders(options) {
   const cssLoaderOptions = (0, _getCssLoaderOptions.getCssLoaderOptions)(options);
   return [{
+    loader: require.resolve('./loaders/miniCssFallBackLoader')
+  }, {
     loader: _miniCssExtractPlugin.default.loader,
     options: {
       publicPath: '../'

package/lib/shared/bundler/webpack/loaderConfigs/configsAssetsLoaders.js

@@ -11,7 +11,6 @@ exports.configVideoLoader = configVideoLoader;
 
 var _nameTemplates = require("../common/nameTemplates");
 
-// function getLoaderOptionQueryString(params) {
 const ImageExtRegex = /\.jpe?g$|\.gif$|\.png|\.webp$/;
 const FontExtRegex = /\.woff2|\.woff$|\.ttf$|\.eot$/;
 const SVGExtRegex = /\.svg$/;
@@ -47,16 +46,6 @@ function createAssetLoader({
 
   return conf;
 }
-/**
- * @typedef {Object} LoaderConfig
- * @property {Number} enableChunkHash
- */
-
-/**
- * @param {LoaderConfig} options
- * @returns
- */
-
 
 function configImageLoader(options) {
   return createAssetLoader({
@@ -94,45 +83,4 @@ function configVideoLoader(options) {
     test: VideoExtRegex,
     nameTemplate: (0, _nameTemplates.nameTemplates)('video', options)
   });
-}
-/*
-export function createNameTemplate(enableChunkHash) {
-  const ext = `${enableChunkHash ? ".[hash:20]" : ""}.[ext]`;
-  return `[name]${ext}`;
-}
-
-export function createImageAndFontsAndSVGLoaders(enableChunkHash) {
-  const nameTemplate = createNameTemplate(enableChunkHash);
-  return [
-    configImageLoader(nameTemplate),
-    configFontLoader(nameTemplate),
-    configSVGLoader(nameTemplate),
-    configAudioLoader(nameTemplate)
-  ];
-}
-*/
-
-/*
-export function createLoaderOptionObject(
-  loaderName,
-  nameTemplate,
-  fallback,
-  limit = 1000
-) {
-  return {
-    loader: loaderName,
-    options: {
-      limit,
-      name: nameTemplate,
-      fallback
-    }
-  };
-}
-
-function configLoaderObject(filter, loaderAndOptions) {
-  return {
-    test: filter,
-    use: loaderAndOptions
-  };
-}
-*/
+}

package/lib/shared/bundler/webpack/loaders/miniCssFallBackLoader.js

@@ -0,0 +1,7 @@
+"use strict";
+
+module.exports = function miniCssFallBackLoader(source) {
+  const replacedStr = source.replace('export default ', 'module.exports = '); //   console.log('src/loaders/docsLoader.js', replacedStr);
+
+  return replacedStr;
+};

package/lib/shared/bundler/webpack/outputConfig.js

@@ -16,13 +16,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function outputConfig(options) {
   const {
     output,
-    publicPath
+    publicPath,
+    htmlTemplate
   } = options;
-  return {
+  const outputO = {
     filename: (0, _nameTemplates.nameTemplates)('js', options),
     chunkFilename: (0, _nameTemplates.nameTemplates)('chunkjs', options),
     publicPath,
     // clean: true,
     path: _path.default.resolve(_constants.appPath, output)
   };
+
+  if (htmlTemplate.crossorigin) {
+    outputO.crossOriginLoading = 'anonymous';
+  }
+
+  return outputO;
 }

package/lib/shared/bundler/webpack/pluginConfigs/configCustomAttributesPlugin.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configCustomAttributesPlugin = configCustomAttributesPlugin;
+
+var _custom_attribute_plugin = require("../custom_plugins/custom_attribute_plugin");
+
+function configCustomAttributesPlugin(options) {
+  const {
+    customAttributes
+  } = options;
+
+  if (customAttributes.enable) {
+    return new _custom_attribute_plugin.CustomAttributesPlugin(customAttributes);
+  }
+
+  return null;
+}

package/lib/shared/bundler/webpack/pluginConfigs/configEnvVariables.js

@@ -9,9 +9,8 @@ var _webpack = require("webpack");
 
 var _modeUtils = require("../common/modeUtils");
 
-function configEnvVariables(options) {
-  const mode = (0, _modeUtils.getWebpackMode)(options);
-  return new _webpack.DefinePlugin(mode === 'prod' ? {
+function getDevEnvs(NODE_ENV) {
+  return {
     __CLIENT__: true,
     __TEST__: false,
     __SERVER__: false,
@@ -19,18 +18,34 @@ function configEnvVariables(options) {
     __LOCAL_PRODUCTION__: false,
     __DEVTOOLS__: true,
     __DOCS__: false,
-    NODE_ENV: JSON.stringify(mode),
     'process.env': {
-      NODE_ENV: JSON.stringify(mode)
+      NODE_ENV
     }
-  } : {
+  };
+}
+
+function getProdEnvs(isDevelopment) {
+  return {
+    __CLIENT__: true,
     __TEST__: false,
+    __SERVER__: false,
     __DEVELOPMENT__: false,
-    // __LOCAL_PRODUCTION__: isDevelopment,
+    __LOCAL_PRODUCTION__: isDevelopment,
     __DOCS__: false,
     'process.env': {
       NODE_ENV: JSON.stringify('production')
-    },
-    __SERVER__: false
-  });
+    }
+  };
+}
+
+function configEnvVariables(options) {
+  // const mode = getWebpackMode(options);
+  const {
+    disableReactDevWarning,
+    mode,
+    devLikeHash
+  } = options;
+  const isDevelopment = devLikeHash;
+  const NODE_ENV = disableReactDevWarning ? JSON.stringify('production') : JSON.stringify('development');
+  return new _webpack.DefinePlugin((0, _modeUtils.isDevelopmentMode)(mode) ? getDevEnvs(NODE_ENV) : getProdEnvs(isDevelopment));
 }

package/lib/shared/bundler/webpack/pluginConfigs/configTPHashMappingPlugin.js

@@ -18,9 +18,9 @@ function configTPHashMappingPlugin(options) {
     fileHashMappingToVariable,
     context,
     mode
-  } = options; // const { tpFolder } = options.app;
+  } = options;
 
-  if ((0, _modeUtils.isProductionMode)(mode)) {
+  if ((0, _modeUtils.isProductionMode)(mode) && fileHashMappingToVariable) {
     return new _TPHashMappingPlugin.TPHashMappingPlugin({
       fileMappings: fileHashMappingToVariable,
       tpFolder: `${_path.default.join(process.cwd(), context)}`

package/lib/shared/bundler/webpack/pluginConfigs/dummy.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dummy = dummy;
+
+class Demo {
+  // eslint-disable-next-line class-methods-use-this
+  apply(compiler) {
+    compiler.hooks.done.tap('vbxhb', stats => {
+      const statsJson = stats.toJson({
+        all: true
+      });
+      console.log(statsJson);
+    });
+  }
+
+}
+
+function dummy() {
+  return new Demo();
+}

package/lib/shared/bundler/webpack/plugins.js

@@ -41,10 +41,12 @@ var _configSourceMapPlugin = require("./pluginConfigs/configSourceMapPlugin");
 
 var _configTPHashMappingPlugin = require("./pluginConfigs/configTPHashMappingPlugin");
 
+var _configCustomAttributesPlugin = require("./pluginConfigs/configCustomAttributesPlugin");
+
 // import { IgnorePlugin } from 'webpack';
 function plugins(options) {
   const {
     webpackPlugins
   } = options;
-  return [(0, _configEnvVariables.configEnvVariables)(options), (0, _configTPHashMappingPlugin.configTPHashMappingPlugin)(options), (0, _configCopyPublicFolders.configCopyPublicFolders)(options), (0, _configIgnorePlugin.configIgnorePlugin)(options), (0, _configMiniCSSExtractPlugin.configMiniCSSExtractPlugin)(options), (0, _configSelectorWeightPlugin.configSelectorWeightPlugin)(options), (0, _configVariableConversionPlugin.configVariableConversionPlugin)(options), (0, _configI18nSplitPlugin.configI18nSplitPlugin)(options), (0, _configRtlCssPlugin.configRtlCssPlugin)(options), (0, _configHtmlWebpackPlugin.configHtmlWebpackPlugin)(options), (0, _configCdnChangePlugin.configCdnChangePlugin)(options), (0, _configServiceWorkerPlugin.configServiceWorkerPlugin)(options), (0, _configEFCTemplatePlugin.configEFCTemplatePlugin)(options), (0, _configResourceHintsPlugin.configResourceHintsPlugin)(options), (0, _configBundleAnalyzer.configBundleAnalyzer)(options), (0, _configManifestJsonPlugin.configManifestJsonPlugin)(options), (0, _configSourceMapPlugin.configSourceMapPlugin)(options), (0, _configProgressPlugin.configProgressPlugin)(options), ...webpackPlugins].filter(Boolean);
+  return [(0, _configEnvVariables.configEnvVariables)(options), (0, _configCustomAttributesPlugin.configCustomAttributesPlugin)(options), (0, _configTPHashMappingPlugin.configTPHashMappingPlugin)(options), (0, _configCopyPublicFolders.configCopyPublicFolders)(options), (0, _configIgnorePlugin.configIgnorePlugin)(options), (0, _configMiniCSSExtractPlugin.configMiniCSSExtractPlugin)(options), (0, _configSelectorWeightPlugin.configSelectorWeightPlugin)(options), (0, _configVariableConversionPlugin.configVariableConversionPlugin)(options), (0, _configI18nSplitPlugin.configI18nSplitPlugin)(options), (0, _configRtlCssPlugin.configRtlCssPlugin)(options), (0, _configHtmlWebpackPlugin.configHtmlWebpackPlugin)(options), (0, _configCdnChangePlugin.configCdnChangePlugin)(options), (0, _configServiceWorkerPlugin.configServiceWorkerPlugin)(options), (0, _configEFCTemplatePlugin.configEFCTemplatePlugin)(options), (0, _configResourceHintsPlugin.configResourceHintsPlugin)(options), (0, _configBundleAnalyzer.configBundleAnalyzer)(options), (0, _configManifestJsonPlugin.configManifestJsonPlugin)(options), (0, _configSourceMapPlugin.configSourceMapPlugin)(options), (0, _configProgressPlugin.configProgressPlugin)(options), ...webpackPlugins].filter(Boolean);
 }

package/lib/shared/bundler/webpack/statsConfig.js

@@ -7,13 +7,22 @@ exports.statsConfig = statsConfig;
 
 // eslint-disable-next-line no-unused-vars
 function statsConfig(options) {
-  // return 'errors-only';
+  let {
+    statsLogConfig
+  } = options;
+  statsLogConfig = statsLogConfig || {};
+
+  if (typeof statsLogConfig === 'string') {
+    return statsLogConfig;
+  }
+
   return {
     preset: 'minimal',
     warnings: false,
     children: false,
     colors: true,
-    errorDetails: true // excludeAssets: /i18n/,
+    errorDetails: true,
+    ...statsLogConfig // excludeAssets: /i18n/,
     // excludeAssets: /./,
     // warningsFilter: /\[mini-css-extract-plugin\]/