@zohodesk/react-cli 0.0.1-beta.17 → 0.0.1-beta.171

package/lib/configs/jest.config.js

@@ -1,25 +1,39 @@
-'use strict';
+"use strict";
 
-var _path = require('path');
+var _fs = require("fs");
 
-var _path2 = _interopRequireDefault(_path);
+var _path = _interopRequireDefault(require("path"));
+
+var _libAlias = require("./libAlias");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var appPath = process.cwd();
+let appPath = process.cwd(); //   '^@root(.*)$': '<rootDir>/src$1',
+// '^@components(.*)$': '<rootDir>/src/components$1',
+
+let moduleNameMapper = Object.keys(_libAlias.libAlias).reduce((previousValue, key) => {
+  previousValue[`^${key}(.*)$`] = `${_libAlias.libAlias[key]}$1`;
+  return previousValue;
+}, {});
 
-var commonConfig = {
+const appGlobals = _path.default.resolve(appPath, '__testUtils__', 'globals.js');
+
+let commonConfig = {
   coverageReporters: ['json', 'html', 'json-summary', 'text'],
   collectCoverage: true,
-  moduleDirectories: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
+  moduleDirectories: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
   transform: {
-    '^.+\\.(js|jsx)$': _path2.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'jsPreprocessor.js'),
-    '^.+\\.css$': _path2.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'cssPreprocessor.js'),
-    '^(?!.*\\.(js|jsx|css|json)$)': _path2.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'otherFilesPreprocessor.js')
+    '^.+\\.(js|jsx)$': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'jsPreprocessor.js'),
+    '^.+\\.css$': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'cssPreprocessor.js'),
+    '^(?!.*\\.(js|jsx|css|json)$)': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'otherFilesPreprocessor.js')
+  },
+  moduleNameMapper: { ...moduleNameMapper,
+    '\\.(css|less)$': 'identity-obj-proxy'
   },
-  transformIgnorePatterns: ['/node_modules.*?.js$'],
+  transformIgnorePatterns: ['/node_modules/(?!(@zohodesk)/)'],
+  // transformIgnorePatterns: ['/node_modules.*?.js$'],
   moduleFileExtensions: ['js'],
-  setupFiles: [_path2.default.resolve(appPath, '__testUtils__', 'globals.js'), _path2.default.resolve(__dirname, '..', 'jest', 'setup.js')],
+  setupFiles: [(0, _fs.existsSync)(appGlobals) && appGlobals, _path.default.resolve(__dirname, '..', 'jest', 'setup.js')].filter(Boolean),
   globals: {
     __DEVELOPMENT__: true,
     __DOCS__: false,
@@ -27,20 +41,13 @@ var commonConfig = {
   }
 };
 
-module.exports = function () {
-  for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  var appFolder = args[0],
-      _args$ = args[1],
-      forCommittedFiles = _args$ === undefined ? false : _args$;
-
+module.exports = (...args) => {
+  let [appFolder, forCommittedFiles = false] = args;
 
   if (forCommittedFiles) {
     return Object.assign({}, commonConfig, {
-      coverageDirectory: _path2.default.resolve(appPath, 'commitCoverage'),
-      testResultsProcessor: _path2.default.resolve(__dirname, '..', 'jest', 'commitedFilesResult.js')
+      coverageDirectory: _path.default.resolve(appPath, 'commitCoverage'),
+      testResultsProcessor: _path.default.resolve(__dirname, '..', 'jest', 'commitedFilesResult.js')
     });
   }
 
@@ -48,11 +55,8 @@ module.exports = function () {
     rootDir: appPath,
     testPathIgnorePatterns: ['/node_modules/', 'docs'],
     unmockedModulePathPatterns: ['__tests__', 'node_modules', '.*'],
-    roots: ['<rootDir>/' + appFolder + '/'],
+    roots: [`<rootDir>/${appFolder}/`],
     testRegex: '(/__tests__/.*|\\.(test|spec))\\.(jsx|js|json|node)$',
-    moduleNameMapper: {
-      '\\.(css|less)$': 'identity-obj-proxy'
-    },
-    testResultsProcessor: _path2.default.resolve(__dirname, '..', 'jest', 'result.js')
+    testResultsProcessor: _path.default.resolve(__dirname, '..', 'jest', 'result.js')
   });
 };

package/lib/configs/libAlias.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.libAlias = void 0;
+// the reason for alias at the time was code tree shaking
+// tree shaking was most compactable with ES module system
+// FIXME: But there is a posiblity when these  package  does not have lib,
+//  app will work because of alias, But may be jest won't work because of not alais
+//  So need to think about use alais in jest 
+const libAlias = {
+  '@zohodesk/components/lib': '@zohodesk/components/es',
+  // '@zohodesk/zc-custom/lib': '@zohodesk/zc-custom/es',
+  '@zohodesk/dot/lib': '@zohodesk/dot/es',
+  '@zohodesk/i18n/lib': '@zohodesk/i18n/es',
+  '@zohodesk/icons/lib': '@zohodesk/icons/es',
+  '@zohodesk/normalizer/lib': '@zohodesk/normalizer/es',
+  '@zohodesk/perf-components/lib': '@zohodesk/perf-components/es',
+  '@zohodesk/perf-middleware/lib': '@zohodesk/perf-middleware/es',
+  '@zohodesk/permissions/lib': '@zohodesk/permissions/es',
+  '@zohodesk/platform-middleware/lib': '@zohodesk/platform-middleware/es',
+  '@zohodesk/react-dnd/lib': '@zohodesk/react-dnd/es',
+  '@zohodesk/router-middleware/lib': '@zohodesk/router-middleware/es',
+  '@zohodesk/storage/lib': '@zohodesk/storage/es',
+  '@zohodesk/svg/lib': '@zohodesk/svg/es',
+  '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
+  '@zohodesk/variables/lib': '@zohodesk/variables/es',
+  '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
+};
+exports.libAlias = libAlias;

package/lib/configs/webpack.component.umd.config.js

@@ -1,49 +1,39 @@
-'use strict';
+"use strict";
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _utils = require('../utils');
+var _utils = require("../utils");
 
-var _pluginUtils = require('../pluginUtils');
+var _pluginUtils = require("../pluginUtils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var options = (0, _utils.getOptions)();
-
-var _options$umd$componen = options.umd.component,
-    umdVar = _options$umd$componen.umdVar,
-    isHtml = _options$umd$componen.isHtml,
-    isDocs = _options$umd$componen.isDocs,
-    watch = _options$umd$componen.watch,
-    outputFolder = _options$umd$componen.outputFolder,
-    cssUniqueness = _options$umd$componen.cssUniqueness,
-    folder = _options$umd$componen.folder,
-    singleStyleTag = _options$umd$componen.singleStyleTag;
-
-
-var appPath = process.cwd();
-var className = cssUniqueness ? 'fz__[hash:base64:5]' : '[name]__[local]';
-
-var styleLoaderOption = {
-  singleton: singleStyleTag
-};
-
-// let publicPath =
-//   `${process.env.npm_config_public_path ||
-//     `${'//js.zohostatic.com/support/zohodeskcomponent' +
-//       '@'}${
-//       process.env.npm_package_version}`  }/dist/`;
-
+let options = (0, _utils.getOptions)();
+let {
+  umd: {
+    component: {
+      umdVar,
+      isHtml,
+      isDocs,
+      watch,
+      outputFolder,
+      cssUniqueness,
+      folder
+    }
+  }
+} = options;
+let appPath = process.cwd();
+let className = cssUniqueness ? 'fz__[hash:base64:5]' : '[name]__[local]';
 module.exports = {
   watch: watch,
   entry: {
-    main: _path2.default.join(appPath, folder, isHtml ? 'html.js' : 'index.js')
+    main: _path.default.join(appPath, folder, isHtml ? 'html.js' : 'index.js')
   },
   output: {
-    path: _path2.default.join(appPath, outputFolder),
-    filename: '[name].js',
+    path: _path.default.join(appPath, outputFolder),
+    filename: 'js/[name].js',
     library: umdVar,
     libraryTarget: 'umd'
   },
@@ -54,38 +44,41 @@ module.exports = {
   plugins: (0, _pluginUtils.getUMDComponentPlugins)(isDocs),
   module: {
     rules: [{
-      include: /\.json$/,
-      use: [{
-        loader: 'json-loader'
-      }]
-    }, {
       test: /\.js$/,
       use: [{
         loader: 'babel-loader',
         options: {
-          presets: [[require.resolve('babel-preset-env'), { modules: false }], require.resolve('babel-preset-react')],
-          plugins: [[require.resolve('babel-plugin-transform-runtime'), {
-            helpers: true,
-            polyfill: true,
-            regenerator: false,
-            moduleName: 'babel-runtime'
-          }]],
+          presets: [[require.resolve('@babel/preset-env'), {
+            modules: false
+          }], require.resolve('@babel/preset-react')],
+          plugins: [require.resolve('@babel/plugin-proposal-object-rest-spread')],
           cacheDirectory: true
         }
       }],
-      include: _path2.default.join(appPath, 'src')
+      include: _path.default.join(appPath, 'src')
     }, {
-      test: /\.css$/,
-      use: [{ loader: 'style-loader', options: styleLoaderOption }, 'css-loader?modules&localIdentName=' + className]
+      test: /(\.module)?\.css$/,
+      use: [{
+        loader: _miniCssExtractPlugin.default.loader,
+        options: {
+          publicPath: '../'
+        }
+      }, {
+        loader: 'css-loader',
+        options: {
+          modules: true,
+          localIdentName: className
+        }
+      }]
     }, isDocs ? {
       test: /\.docs\.js$/,
-      use: require.resolve('../docsLoader.js'),
+      use: require.resolve('../loaders/docsLoader.js'),
       exclude: /node_modules/
     } : {}, {
       test: /\.jpe?g$|\.gif$|\.png$/,
       use: ['url-loader?limit=10000&name=./images/[name].[ext]']
     }, {
-      test: /\.woff$|\.ttf$|\.eot$/,
+      test: /\.woff$|\.woff2$|\.ttf$|\.eot$/,
       use: ['url-loader?limit=10000&name=./fonts/[name].[ext]']
     }, {
       test: /\.svg$/,
@@ -102,9 +95,9 @@ module.exports = {
     }]
   },
   resolve: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   },
   resolveLoader: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   }
 };

package/lib/configs/webpack.css.umd.config.js

@@ -1,42 +1,42 @@
-'use strict';
+"use strict";
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _miniCssExtractPlugin = require('mini-css-extract-plugin');
+var _utils = require("../utils");
 
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
+var _cssClassNameGenerate = _interopRequireDefault(require("../utils/cssClassNameGenerate"));
 
-var _utils = require('../utils');
-
-var _pluginUtils = require('../pluginUtils');
+var _pluginUtils = require("../pluginUtils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var options = (0, _utils.getOptions)();
-var _options$umd$css = options.umd.css,
-    umdVar = _options$umd$css.umdVar,
-    watch = _options$umd$css.watch,
-    outputFolder = _options$umd$css.outputFolder,
-    cssUniqueness = _options$umd$css.cssUniqueness,
-    folder = _options$umd$css.folder,
-    publicPath = _options$umd$css.publicPath,
-    packageVersion = options.packageVersion;
-
-
-var appPath = process.cwd();
-var className = cssUniqueness ? 'fz__[hash:base64:5]' : '[name]__[local]';
-
-var publicPathStr = (publicPath || '//js.zohostatic.com/support/zohodeskcomponent@' + packageVersion) + '/' + outputFolder + '/';
-
+let options = (0, _utils.getOptions)();
+let {
+  umd: {
+    css: {
+      umdVar,
+      watch,
+      outputFolder,
+      cssUniqueness,
+      folder,
+      publicPath,
+      cssHashSelectors,
+      classNamePrefix
+    }
+  },
+  packageVersion
+} = options;
+let appPath = process.cwd();
+let publicPathStr = `${publicPath || `${'//js.zohostatic.com/support/zohodeskcomponent@'}${packageVersion}`}/${outputFolder}/`;
 module.exports = {
   watch: watch,
   entry: {
-    main: _path2.default.join(appPath, folder, 'css.js')
+    main: _path.default.join(appPath, folder, 'css.js')
   },
   output: {
-    path: _path2.default.resolve(appPath, outputFolder),
+    path: _path.default.resolve(appPath, outputFolder),
     filename: '[name].js',
     library: umdVar,
     libraryTarget: 'umd',
@@ -58,39 +58,40 @@ module.exports = {
       use: [{
         loader: 'babel-loader',
         options: {
-          presets: [[require.resolve('babel-preset-env'), { modules: false }], require.resolve('babel-preset-react')],
-          plugins: [[require.resolve('babel-plugin-transform-runtime'), {
-            helpers: true,
-            polyfill: true,
-            regenerator: false,
-            moduleName: 'babel-runtime'
-          }]],
+          presets: [[require.resolve('@babel/preset-env'), {
+            modules: false
+          }], require.resolve('@babel/preset-react')],
+          plugins: [require.resolve('@babel/plugin-proposal-object-rest-spread')],
           cacheDirectory: true
         }
       }],
-      include: _path2.default.join(appPath, 'src')
-    }, {
-      test: /\.css$/,
+      include: _path.default.join(appPath, 'src')
+    }
+    /*,
+    {
+    test: /\.css$/,
+    use: [MiniCssExtractPlugin.loader, 'css-loader']
+    }*/
+    , {
+      test: /(\.module)?\.css$/,
       use: [{
-        loader: _miniCssExtractPlugin2.default.loader,
+        loader: _miniCssExtractPlugin.default.loader,
         options: {
-          // you can specify a publicPath here
-          // by default it use publicPath in webpackOptions.output
-          //publicPath: '../'
+          publicPath: '../'
         }
       }, {
         loader: 'css-loader',
         options: {
-          modules: true,
-          localIdentName: '' + className,
-          minimize: true
+          modules: {
+            getLocalIdent: (0, _cssClassNameGenerate.default)(cssUniqueness, cssHashSelectors, classNamePrefix)
+          }
         }
       }]
     }, {
       test: /\.jpe?g$|\.gif$|\.png$/,
       use: ['url-loader?limit=10000&name=./images/[name].[ext]']
     }, {
-      test: /\.woff$|\.ttf$|\.eot$/,
+      test: /\.woff$|\.woff2$|\.ttf$|\.eot$/,
       use: ['url-loader?limit=10000&name=./fonts/[name].[ext]']
     }, {
       test: /\.svg$/,
@@ -107,9 +108,9 @@ module.exports = {
     }]
   },
   resolve: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   },
   resolveLoader: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   }
 };

package/lib/configs/webpack.dev.config.js

@@ -1,120 +1,135 @@
-'use strict';
+"use strict";
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
+var _utils = require("../utils");
 
-var _utils = require('../utils');
+var _common = require("../common");
 
-var _common = require('../common');
+var _pluginUtils = require("../pluginUtils");
 
-var _miniCssExtractPlugin = require('mini-css-extract-plugin');
+var _loaderUtils = require("../loaderUtils");
 
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
+var _libAlias = require("./libAlias");
 
-var _pluginUtils = require('../pluginUtils');
-
-var _loaderUtils = require('../loaderUtils');
+var _configsAssetsLoaders = require("../loaderUtils/configsAssetsLoaders");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var options = (0, _utils.getOptions)();
-var _options$app = options.app,
-    folder = _options$app.folder,
-    context = _options$app.context,
-    server = _options$app.server,
-    styleTarget = _options$app.styleTarget,
-    useInsertInto = _options$app.useInsertInto,
-    useInsertAt = _options$app.useInsertAt,
-    outputFolder = _options$app.outputFolder,
-    disableES5Transpile = _options$app.disableES5Transpile,
-    singleStyleTag = _options$app.singleStyleTag,
-    enableEslint = options.esLint.enable;
-var hotReload = server.hotReload,
-    disableContextURL = server.disableContextURL;
-
-
-var appPath = process.cwd();
-var contextURL = disableContextURL ? '' : context;
-var serverUrl = (0, _utils.getServerURL)(server);
-
-var styleLoaderOption = {
-  singleton: singleStyleTag
-};
-
-if (useInsertInto) {
-  styleLoaderOption.insertInto = (0, _common.getInsertIntoFunction)(styleTarget);
-}
-
-if (useInsertAt) {
-  var getInsertAt = require('../common/getInsertAt');
-  var insertAt = getInsertAt();
-  styleLoaderOption.insertAt = insertAt;
-}
-
-var output = {
-  path: _path2.default.join(appPath, outputFolder),
+let options = (0, _utils.getOptions)();
+let {
+  unstableDepsInverse,
+  app: {
+    folder,
+    context,
+    server,
+    outputFolder,
+    plugins,
+    exclude,
+    mediaQueryHoverActiveString,
+    cssUniqueness,
+    seperateCssModules,
+    changeRuntimeChunkChar,
+    // we are going to use this for fonts file name collide in issue in devmode
+    enableChunkHash,
+    cssHashSelectors,
+    classNamePrefix,
+    selectorReplace,
+    disableES5Transpile,
+    devConsoleExculde,
+    sourcemap,
+    crossorigin
+  }
+} = options;
+let {
+  disableContextURL
+} = server;
+let appPath = process.cwd();
+let contextURL = disableContextURL ? '' : context;
+let serverUrl = (0, _utils.getServerURL)(server, 'https');
+let output = {
+  path: _path.default.join(appPath, outputFolder),
   filename: 'js/[name].js',
   chunkFilename: 'js/[name].js',
-  publicPath: [serverUrl, contextURL].filter(function (a) {
-    return a;
-  }).join('/') + '/',
-  jsonpFunction: context + 'Jsonp'
+  publicPath: `${[serverUrl, contextURL].filter(a => a).join('/')}/`,
+  jsonpFunction: `${context}Jsonp`
 };
+const nameTemplate = (0, _configsAssetsLoaders.createNameTemplate)(enableChunkHash);
 
-if (hotReload) {
-  output.devtoolModuleFilenameTemplate = function (info) {
-    return _path2.default.resolve(info.absoluteResourcePath);
-  };
+if (crossorigin) {
+  output.crossOriginLoading = 'anonymous';
 }
 
 module.exports = {
-  entry: (0, _common.getEntries)(options, 'development'),
-  devtool: hotReload ? 'cheap-module-source-map' : 'cheap-eval-source-map',
+  entry: (0, _common.getEntries)(options, 'dev'),
+  devtool: sourcemap,
   mode: 'development',
-  output: output,
-  optimization: { splitChunks: _common.splitChunks },
-  plugins: (0, _pluginUtils.getDevPlugins)(options),
+  // watchOptions: {
+  //   ignored: /node_modules.(?!@zohodesk)/
+  // },
+  output,
+  stats: options.app.disableWatch ? 'errors-only' : {
+    children: false
+  },
+  optimization: {
+    splitChunks: _common.splitChunks,
+    moduleIds: 'named',
+    runtimeChunk: {
+      name: entrypoint => changeRuntimeChunkChar ? `./runtime-${entrypoint.name}` : `./runtime~${entrypoint.name}`
+    }
+  },
+  plugins: (0, _pluginUtils.getDevPlugins)(options, output.publicPath),
   module: {
+    /* strictExportPresence for break the build when imported module not present in respective file */
+    strictExportPresence: true,
     rules: [{
       test: /\.js$/,
-      use: (0, _loaderUtils.getDevJsLoaders)(enableEslint, disableES5Transpile, hotReload),
-      // exclude: /(node_modules|bower_components)/
-      include: _path2.default.join(appPath, folder)
-    }, {
+      use: (0, _loaderUtils.getDevJsLoaders)(options),
+      include: module => {
+        let srcPath = _path.default.join(appPath, folder);
+
+        let depsPath = _path.default.join(appPath, 'node_modules', '@zohodesk');
+
+        if (module.includes(srcPath) || devConsoleExculde && module.includes(depsPath)) {
+          return true;
+        }
+
+        return false;
+      }
+    }, seperateCssModules ? {
       test: /\.css$/,
+      exclude: /\.module\.css$/,
+      use: (0, _loaderUtils.getCSSLoaders)(plugins, exclude, mediaQueryHoverActiveString, '[local]', false, null)
+    } : null, {
+      test: seperateCssModules ? /\.module\.css$/ : /(\.module)?\.css$/,
+      use: (0, _loaderUtils.getCSSLoaders)(plugins, exclude, mediaQueryHoverActiveString, null, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix)
+    }, (0, _configsAssetsLoaders.configImageLoader)(nameTemplate), (0, _configsAssetsLoaders.configFontLoader)(nameTemplate), (0, _configsAssetsLoaders.configSVGLoader)(nameTemplate), (0, _configsAssetsLoaders.configVideoLoader)(nameTemplate), (0, _configsAssetsLoaders.configAudioLoader)(nameTemplate), {
+      test: /\.tmpl$/,
       use: [{
-        loader: _miniCssExtractPlugin2.default.loader,
+        loader: 'html-loader',
         options: {
-          // you can specify a publicPath here
-          // by default it use publicPath in webpackOptions.output
-          //publicPath: '../'
-        }
-      }, {
-        loader: 'css-loader',
-        options: {
-          modules: true,
-          localIdentName: '[name]__[local]__[hash:base64:5]'
+          minimize: true
         }
       }]
     }, {
-      test: /\.jpe?g$|\.gif$|\.png$/,
-      use: ['url-loader?limit=1000&name=./images/[name].[ext]']
-    }, {
-      test: /\.woff2|\.woff$|\.ttf$|\.eot$/,
-      use: ['url-loader?limit=1000&name=./fonts/[name].[ext]']
-    }, {
-      test: /\.svg$/,
-      use: ['url-loader?limit=1&name=./fonts/[name].[ext]']
-    }]
+      test: /\.worker.js$/,
+      use: {
+        loader: require.resolve('../loaders/workerLoader.js'),
+        options: {
+          esModule: true,
+          filename: 'js/[name].js'
+        }
+      }
+    }].filter(Boolean)
   },
   externals: {
     ZC: '$ZC'
   },
   resolve: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: unstableDepsInverse ? ['node_modules', _path.default.resolve(__dirname, '..', '..', 'node_modules')] : [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
+    alias: disableES5Transpile ? _libAlias.libAlias : {}
   },
   resolveLoader: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: unstableDepsInverse ? ['node_modules', _path.default.resolve(__dirname, '..', '..', 'node_modules')] : [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   }
 };