@zohodesk/client_build_tool 0.0.11-exp.15.4 → 0.0.11-exp.16.0

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

@@ -4,23 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _postcss = _interopRequireDefault(require("postcss"));
-
 var _fs = _interopRequireDefault(require("fs"));
-
 var _checkIsPatternsMatchFilename = require("../../loaderConfigs/checkIsPatternsMatchFilename");
-
 var _ErrorHandler = require("./ErrorHandler");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import { RawSource } from 'webpack-sources';
+
 const ignoreVals = ['--zd_size', '--zd_font_size', '--size', '--size_'];
 let variablesRead = {};
-const supportedProps = ['font-size', 'margin', 'margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'padding', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right', '^top', '^right', '^bottom', '^left', '^width', 'min-width', 'max-width', '^height', 'min-height', 'max-height', 'text-indent', 'clip', 'flex-basis', 'row-gap', 'gap', 'column-gap', 'flex']; // const avoidProps = [];
+const supportedProps = ['font-size', 'margin', 'margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'padding', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right', '^top', '^right', '^bottom', '^left', '^width', 'min-width', 'max-width', '^height', 'min-height', 'max-height', 'text-indent', 'clip', 'flex-basis', 'row-gap', 'gap', 'column-gap', 'flex'];
+// const avoidProps = [];
 // -- is issue IO --
-
 /*
 issues eg : 
 issues = ['--zd_size', '--zd_font_size', '--size', '--size_'];
@@ -31,7 +26,6 @@ true
 comment : 
 do not execute when --zd_size comes as prop 
 */
-
 function isIgnoreValuePresent(ignoreVals, prop) {
   let present = false;
   ignoreVals.forEach(issue => {
@@ -40,8 +34,9 @@ function isIgnoreValuePresent(ignoreVals, prop) {
     }
   });
   return present;
-} // -- to convert the hyphen values to values --
+}
 
+// -- to convert the hyphen values to values --
 /*
 input : 
 var(--zdt_uploadlist_default_width)
@@ -52,35 +47,32 @@ comment :
 to make the variable object using the output as key and decl.prop such as font-size as value 
 */
 
-
 function extractVariableName(val) {
   return val.replace(/calc\((.+)\)/gi, '$1').replace(/var\((.+)\)/gi, '$1').replace('-1', '').replace('*', '').replace('\n', '').trim();
 }
-
 function variableConvertor(rootOriginal, variables, settingsObject) {
   rootOriginal.walkRules(rule => {
     rule.nodes.forEach((decl, index) => {
       const prevNode = rule.nodes[index - 1];
       const currentNode = rule.nodes[index];
-
       if (decl.prop && decl.prop.includes('--')) {
         if (prevNode && prevNode.type === 'comment' && prevNode.text.toLowerCase() === 'variable:ignore') {
           return;
         }
-
         if (isIgnoreValuePresent(ignoreVals, decl.prop)) {
           return;
         }
-
         if (settingsObject[variables[decl.prop]]) {
           /* if there is no value for property, set it to default so that undefined doesn't get called as key */
+
           if (!variables[decl.prop]) {
             // eslint-disable-next-line no-param-reassign
             variables[decl.prop] = 'default';
           }
-
           const pxReplacement = settingsObject[variables[decl.prop]].replacements.px;
-          const valArr = decl.value.split(' '); // single values are considered in the above array and converted below
+          const valArr = decl.value.split(' ');
+
+          // single values are considered in the above array and converted below
 
           valArr.forEach((value, index) => {
             if (value.includes('px')) {
@@ -95,7 +87,6 @@ function variableConvertor(rootOriginal, variables, settingsObject) {
   });
   return rootOriginal;
 }
-
 function createFolderIfNonExistent(path) {
   if (!_fs.default.existsSync(path)) {
     _fs.default.mkdirSync(path, {
@@ -103,21 +94,19 @@ function createFolderIfNonExistent(path) {
     });
   }
 }
-
 function createFileIfNonExistent(path, content) {
   if (_fs.default.existsSync(path)) {
     _fs.default.writeFileSync(path, content, 'utf-8');
   }
 }
-
 class VariableConversionCollector {
   constructor(options = {}) {
     this.configFile = options.configFile;
     this.patterns = options.patterns;
     this.initializeFiles();
-  } // eslint-disable-next-line class-methods-use-this
-
+  }
 
+  // eslint-disable-next-line class-methods-use-this
   initializeFiles() {
     createFolderIfNonExistent('./.cli/logs/');
     createFolderIfNonExistent('./.cli/config/variables/');
@@ -125,16 +114,14 @@ class VariableConversionCollector {
     createFileIfNonExistent('./.cli/logs/unassignedVariables.log', '{}');
     createFileIfNonExistent('./.cli/logs/css_error.log', '{}');
   }
-
   apply(compiler) {
     const {
       patterns
     } = this;
     const variables = {};
-    const unassigned = {}; // console.log(windowsModification([this.filename])[0]);
-
+    const unassigned = {};
+    // console.log(windowsModification([this.filename])[0]);
     const rawdata = _fs.default.readFileSync(this.configFile);
-
     const data = JSON.parse(rawdata);
     const {
       settings: settingsObject,
@@ -142,7 +129,8 @@ class VariableConversionCollector {
       errorInConsole: errorConsoleStatus,
       errorsAllowed,
       strictMode
-    } = data; // If theres is no setting for default prop in settingsObject, set one.
+    } = data;
+    // If theres is no setting for default prop in settingsObject, set one.
 
     if (!settingsObject.default) {
       settingsObject.default = {
@@ -156,6 +144,7 @@ class VariableConversionCollector {
         }
       };
     }
+
     /* 
     purpose of tap : to create a variable object such as:
     {
@@ -164,31 +153,25 @@ class VariableConversionCollector {
     }
     which will help in the conversion further
     */
-
-
     if (_fs.default.existsSync('./.cli/config/variables/variableMapping.json')) {
       variablesRead = JSON.parse(_fs.default.readFileSync('./.cli/config/variables/variableMapping.json', 'utf-8'));
       Object.keys(variablesRead.changes).forEach(key => {
         variables[key] = variablesRead.changes[key];
       });
     }
-
     compiler.hooks.compilation.tap('VariableConversionCollector', compilation => {
       compilation.hooks.optimizeModules.tap('VariableConversionCollector', modulesIterable => {
         const modules = Array.from(modulesIterable);
         const mods = modules.filter(x => x.type.includes('css'));
         mods.forEach(module => {
           const rootOriginal = _postcss.default.parse(module.content);
-
           const filename = module.issuer.resource;
-
           if (!filename.includes('node_modules')) {
             rootOriginal.walkRules(rule => {
               rule.walkDecls(decl => {
                 decl.value.split(' ').forEach(val => {
                   if (val && val.includes('--') && !new RegExp(ignoreVals.join('|'), 'gi').test(val) && decl.prop) {
                     const extractedValue = extractVariableName(val);
-
                     if (!variables[extractedValue]) {
                       variables[extractedValue] = decl.prop;
                     } else if (new RegExp(supportedProps.join('|'), 'gi').test(decl.prop)) {
@@ -202,13 +185,11 @@ class VariableConversionCollector {
                           filename,
                           message: `${extractedValue} : ${variables[extractedValue]} already exists please check!`
                         };
-
                         _ErrorHandler.errHandler.errorTable.push(errObj);
-
                         _ErrorHandler.errHandler.errorFunction(errObj);
                       }
-                    } // console.log(decl.prop);
-
+                    }
+                    // console.log(decl.prop);
                   } else if (/^--/gi.test(decl.prop) && val.trim() !== '' && !variables[decl.prop]) {
                     if (!Object.keys(variablesRead.ignore).includes(decl.prop)) {
                       unassigned[decl.prop] = variables[decl.prop];
@@ -231,7 +212,6 @@ class VariableConversionCollector {
             
              conversion is done in the while loop below
             */
-
             Object.keys(variables).forEach(key => {
               while (variables[variables[key]]) {
                 variables[key] = variables[variables[key]];
@@ -239,7 +219,9 @@ class VariableConversionCollector {
             });
           }
         });
-      }); // -- conversion for the root using variableConvertor --
+      });
+
+      // -- conversion for the root using variableConvertor --
 
       /* 
       input : 
@@ -253,7 +235,6 @@ class VariableConversionCollector {
         padding : zd_size20;
       }
       */
-
       compilation.hooks.optimizeModules.tap('VariableConversionCollector', modules => {
         const mods = Array.from(modules).filter(x => x.type.includes('css'));
         mods.forEach(module => {
@@ -273,14 +254,11 @@ class VariableConversionCollector {
             output : 
             true or false
           */
-
           if ((0, _checkIsPatternsMatchFilename.checkIsPatternsMatchFilename)(patterns, filename) === false) {
             return;
           }
-
-          const rootOriginal = _postcss.default.parse(module.content); // eslint-disable-next-line no-param-reassign
-
-
+          const rootOriginal = _postcss.default.parse(module.content);
+          // eslint-disable-next-line no-param-reassign
           module.content = variableConvertor(rootOriginal, variables, settingsObject).toString();
         });
       });
@@ -292,13 +270,11 @@ class VariableConversionCollector {
       output : 
       all errors that are present in the errTable arr
     */
-
     compiler.hooks.afterEmit.tap('error-display', () => {
       const {
         errors,
         errorTable: errTable
       } = _ErrorHandler.errHandler;
-
       if (Object.keys(unassigned).length > 0 && strictMode) {
         console.log();
         console.log(unassigned);
@@ -308,23 +284,18 @@ class VariableConversionCollector {
           str += `"${key}" : "${unassigned[key]}",\n`;
         });
         str += '}';
-
         _fs.default.writeFileSync('./.cli/logs/unassignedVariables.log', str, 'utf-8');
-
         throw new Error('^^^ Variables above have not been assigned! ^^^');
       }
-
-      const avlTypes = new Set([]); // eslint-disable-next-line array-callback-return, consistent-return
-
+      const avlTypes = new Set([]);
+      // eslint-disable-next-line array-callback-return, consistent-return
       const srtArr = errTable.sort((a, b) => {
         avlTypes.add(a.type);
         avlTypes.add(b.type);
-
         if (a.type < b.type) {
           return -1;
         }
       });
-
       if (errorConsoleStatus) {
         const errorHandler = new _ErrorHandler.ErrorHandler();
         avlTypes.forEach(type => {
@@ -339,12 +310,9 @@ class VariableConversionCollector {
           console.log('---------------------------------------------------------------------------------------------------------------------------');
         });
       }
-
       if (errorLogStatus) {
         _fs.default.writeFileSync('./.cli/logs/css_error.log', '');
-
         console.log('writing to logFile...');
-
         if (errors.length > 0) {
           errors.forEach((err, index) => {
             if (errTable[index].decl.prop && errTable[index].decl.value) {
@@ -355,8 +323,5 @@ class VariableConversionCollector {
       }
     });
   }
-
 }
-
-var _default = VariableConversionCollector;
-exports.default = _default;
+var _default = exports.default = VariableConversionCollector;

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

@@ -4,15 +4,10 @@ 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 }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const pluginName = 'CustomAttributesPlugin';
-
 function attributeSetTemplate(attributes, variableName) {
   const str = [];
   Object.keys(attributes).forEach(key => {
@@ -21,22 +16,18 @@ function attributeSetTemplate(attributes, variableName) {
   });
   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 = {
@@ -46,13 +37,12 @@ class CustomAttributesPlugin {
       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,
+    } = 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;
@@ -74,7 +64,5 @@ class CustomAttributesPlugin {
       });
     });
   }
-
 }
-
 exports.CustomAttributesPlugin = CustomAttributesPlugin;

package/lib/shared/bundler/webpack/custom_plugins/emitAsset.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.emitAsset = emitAsset;
-
 function emitAsset(compilation, outputFile, content) {
   const {
     RawSource

package/lib/shared/bundler/webpack/custom_plugins/getInitialAssetsFuncTemplate.js

@@ -6,18 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.cssDirTemplate = void 0;
 exports.getInitialAssetsFuncTemplate = getInitialAssetsFuncTemplate;
 exports.localeTemplate = void 0;
-
 var _utils = require("../utils");
-
 var _replaceCssDirTemplate = require("./RtlSplitPlugin/replaceCssDirTemplate");
-
 var _getInitialI18nAssetsArrayStr = require("./getInitialI18nAssetsArrayStr");
-
-const cssDirTemplate = '@dir@';
-exports.cssDirTemplate = cssDirTemplate;
-const localeTemplate = '@locale@';
-exports.localeTemplate = localeTemplate;
-
+const cssDirTemplate = exports.cssDirTemplate = '@dir@';
+const localeTemplate = exports.localeTemplate = '@locale@';
 function getInitialAssetsFuncTemplate({
   entryPoint,
   enableRTLSplit,
@@ -30,15 +23,12 @@ function getInitialAssetsFuncTemplate({
   const initialFiles = entryPoint.getFiles();
   let initialJsFiles = initialFiles.filter(_utils.isJsFile);
   let initialCssFiles = initialFiles.filter(_utils.isCssFile);
-
   if (enableRTLSplit) {
     initialCssFiles = (0, _replaceCssDirTemplate.replaceCssDirTemplateMapper)(initialCssFiles, cssDirTemplate);
   }
-
   if (chunkSplitEnable) {
     initialJsFiles = (0, _replaceCssDirTemplate.replaceI18nLocaleTemplateMapper)(initialJsFiles, localeTemplate);
   }
-
   const initialI18nAssets = (0, _getInitialI18nAssetsArrayStr.getInitialI18nAssetsArrayStr)({
     entryPoint,
     compilation,

package/lib/shared/bundler/webpack/custom_plugins/getInitialI18nAssetsArrayStr.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.getI18nAssetForChunkAsStr = getI18nAssetForChunkAsStr;
 exports.getI18nAssetsForChunkAsArrayStr = getI18nAssetsForChunkAsArrayStr;
 exports.getInitialI18nAssetsArrayStr = getInitialI18nAssetsArrayStr;
-
 var _I18nFilesEmitPlugin = require("./I18nSplitPlugin/I18nFilesEmitPlugin");
-
 /* eslint-disable no-use-before-define */
+
 // for SMap relate changes
 // CdnChangePlugin
 // SourceMapHookPlugin
+
 function getInitialI18nAssetsArrayStr({
   entryPoint,
   compilation,
@@ -28,7 +28,6 @@ function getInitialI18nAssetsArrayStr({
     i18nFileNameTemplate
   });
 }
-
 function getI18nAssetsForChunkAsArrayStr({
   chunks,
   compilation,
@@ -55,7 +54,6 @@ function getI18nAssetsForChunkAsArrayStr({
     // }
     return '[]';
   }
-
   const i18nAssetsUrlTemplates = [...chunks].map(chunk => getI18nAssetForChunkAsStr({
     chunk,
     compilation,
@@ -64,7 +62,6 @@ function getI18nAssetsForChunkAsArrayStr({
   })).filter(Boolean);
   return `${JSON.stringify(i18nAssetsUrlTemplates)}`;
 }
-
 function getI18nAssetForChunkAsStr({
   chunk,
   compilation,
@@ -74,7 +71,6 @@ function getI18nAssetForChunkAsStr({
   if (!i18nStore.isChunkHasI18n(chunk)) {
     return '';
   }
-
   const i18nAssetsUrlTemplates = _I18nFilesEmitPlugin.I18nFilesEmitPlugin.createFilenameWithHash({
     compilation,
     fileNameTemplate: i18nFileNameTemplate,
@@ -82,6 +78,5 @@ function getI18nAssetForChunkAsStr({
     locale: '@locale@',
     contentHash: 'contentHash'
   }).filename;
-
   return i18nAssetsUrlTemplates;
 }

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

@@ -4,10 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactBundleIncludeList = exports.defaultVendorPatternList = void 0;
-
 var _checkIsPatternsMatchFilename = require("./loaderConfigs/checkIsPatternsMatchFilename");
-
-const reactBundleIncludeList = ['**/node_modules/react/**/*.js', '**/node_modules/react-dom/**/*.js', '**/node_modules/react-redux/**/*.js', '**/node_modules/react-transition-group/**/*.js', '**/node_modules/scheduler/**/*.js', '**/node_modules/prop-types/**/*.js'];
-exports.reactBundleIncludeList = reactBundleIncludeList;
-const defaultVendorPatternList = ['**/node_modules/**/*.js', '!*.css', '!**/publicPathConfig.js', ...(0, _checkIsPatternsMatchFilename.modifyAsExclude)(['**/node_modules/script-loader/**/*.js', '**/node_modules/raw-loader/**/*.js']), ...(0, _checkIsPatternsMatchFilename.modifyAsExclude)(reactBundleIncludeList)];
-exports.defaultVendorPatternList = defaultVendorPatternList;
+const reactBundleIncludeList = exports.reactBundleIncludeList = ['**/node_modules/react/**/*.js', '**/node_modules/react-dom/**/*.js', '**/node_modules/react-redux/**/*.js', '**/node_modules/react-transition-group/**/*.js', '**/node_modules/scheduler/**/*.js', '**/node_modules/prop-types/**/*.js'];
+const defaultVendorPatternList = exports.defaultVendorPatternList = ['**/node_modules/**/*.js', '!*.css', '!**/publicPathConfig.js', ...(0, _checkIsPatternsMatchFilename.modifyAsExclude)(['**/node_modules/script-loader/**/*.js', '**/node_modules/raw-loader/**/*.js']), ...(0, _checkIsPatternsMatchFilename.modifyAsExclude)(reactBundleIncludeList)];

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.devtoolConfig = devtoolConfig;
-
 // eslint-disable-next-line consistent-return
 function devtoolConfig(options) {
   if (options.createSeparateSMap) {

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.entryConfig = entryConfig;
-
 var _constants = require("../../constants");
-
 function entryConfig(options) {
   const {
     hasEFC,
@@ -19,10 +17,8 @@ function entryConfig(options) {
   const entry = {
     main: (0, _constants.joinWithAppPath)(mainEntry)
   };
-
   if (hasEFC && entryFile) {
     entry[entryPointName] = (0, _constants.joinWithAppPath)(entryFile);
   }
-
   return entry;
 }

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.externals = externals;
-
 // eslint-disable-next-line no-unused-vars
 function externals(options) {
   const {

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getCSSLoaders = getCSSLoaders;
-
 var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
-
 var _configPostCssLoader = require("./loaderConfigs/configPostCssLoader");
-
 var _getCssLoaderOptions = require("./loaderConfigs/getCssLoaderOptions");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function getCSSLoaders(options) {
   const cssLoaderOptions = (0, _getCssLoaderOptions.getCssLoaderOptions)(options);
   return [{

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

@@ -5,20 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CSS_MODULE_TYPE = void 0;
 exports.getFilenameFromModule = getFilenameFromModule;
-const CSS_MODULE_TYPE = 'css/mini-extract';
-exports.CSS_MODULE_TYPE = CSS_MODULE_TYPE;
-
+const CSS_MODULE_TYPE = exports.CSS_MODULE_TYPE = 'css/mini-extract';
 function getFilenameFromModule(webpackModule) {
   const {
     userRequest
   } = webpackModule;
-
   if (webpackModule.type === CSS_MODULE_TYPE) {
     const {
       _identifier: identifier = ''
     } = webpackModule;
     return identifier.slice(identifier.lastIndexOf('!') + 1);
   }
-
   return userRequest;
 }

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

@@ -4,24 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.jsLoaders = jsLoaders;
-
 var _babelLoaderConfig = require("./loaderConfigs/babelLoaderConfig");
-
 const {
   i18nIdReplaceLoaderConfig
 } = require('./loaderConfigs/i18nIdReplaceLoaderConfig');
-
 function jsLoaders(options) {
-  const useLoaders = []; // Always add babel loader first
+  const useLoaders = [];
 
-  useLoaders.push((0, _babelLoaderConfig.babelLoaderConfig)(options)); // Add i18n ID replace loader if numeric indexing is enabled
+  // Always add babel loader first
+  useLoaders.push((0, _babelLoaderConfig.babelLoaderConfig)(options));
 
+  // Add i18n ID replace loader if numeric indexing is enabled
   const shouldUseNumericIndexing = options.i18nIndexing && options.i18nIndexing.enable || options.i18nChunkSplit && options.i18nChunkSplit.chunkSplitEnable && options.i18nChunkSplit.useNumericIndexing;
-
   if (shouldUseNumericIndexing) {
     try {
       const loaderConfig = i18nIdReplaceLoaderConfig(options, options.context);
-
       if (loaderConfig) {
         useLoaders.push(loaderConfig);
       }
@@ -30,11 +27,10 @@ function jsLoaders(options) {
       console.warn('[jsLoaders] Failed to configure i18n ID replace loader:', err.message);
     }
   }
-
   return [{
     test: /\.js$/,
     exclude: /node_modules/,
-    use: useLoaders // include: path.join(appPath, folder)
-
+    use: useLoaders
+    // include: path.join(appPath, folder)
   }];
 }

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.assetLoaders = assetLoaders;
-
 var _configsAssetsLoaders = require("./configsAssetsLoaders");
-
 function assetLoaders(options) {
   return [(0, _configsAssetsLoaders.configImageLoader)(options), (0, _configsAssetsLoaders.configFontLoader)(options), (0, _configsAssetsLoaders.configSVGLoader)(options), (0, _configsAssetsLoaders.configAudioLoader)(options), (0, _configsAssetsLoaders.configVideoLoader)(options)];
 }

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

@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.babelLoaderConfig = babelLoaderConfig;
-
 var _babelWebConfig = require("../../../babel/babelWebConfig");
-
 function babelLoaderConfig(options) {
   const babelConfig = (0, _babelWebConfig.babelWebConfig)(options);
   return {
     loader: 'babel-loader',
-    options: { ...babelConfig,
+    options: {
+      ...babelConfig,
       cacheDirectory: true
     }
   };