@zohodesk/react-cli 0.0.1-test.148.3 → 1.0.0

package/docs/warnings_while_install.txt

@@ -0,0 +1,35 @@
+npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
+npm WARN deprecated eslint-loader@4.0.2: This loader has been deprecated. Please use eslint-webpack-plugin
+npm WARN deprecated gitlab@14.2.2: The gitlab package has found a new home in the @gitbeaker organization. For the latest gitlab node library, check out @gitbeaker/node. A full list of the features can be found here: https://github.com/jdalrymple/gitbeaker#readme
+npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
+npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
+npm WARN deprecated webdriverio@4.14.4: outdated version, please use @next
+npm WARN deprecated mkdirp@0.3.5: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
+npm WARN deprecated cross-spawn-async@1.0.1: cross-spawn no longer requires a build toolchain, use it instead
+npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
+npm WARN deprecated core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
+npm WARN deprecated har-validator@5.1.5: this library is no longer supported
+npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
+npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
+npm WARN deprecated sane@4.1.0: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
+npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
+npm WARN deprecated flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
+npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/chokidar/node_modules/fsevents):
+npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
+npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.1.2 (node_modules/jest-haste-map/node_modules/fsevents):
+npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
+npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules/nodemon/node_modules/chokidar/node_modules/fsevents):
+npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
+npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules/watchpack/node_modules/chokidar/node_modules/fsevents):
+npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
+npm WARN check2@1.0.0 No description
+npm WARN check2@1.0.0 No repository field.
+
++ @zohodesk/react-cli@0.0.1-beta.165
+updated 1 package and audited 1899 packages in 51.509s
+
+21 packages are looking for funding
+  run `npm fund` for details
+
+found 42 vulnerabilities (2 low, 20 moderate, 8 high, 12 critical)
+  run `npm audit fix` to fix them, or `npm audit` for details

package/files/eslintrc.js

@@ -1,62 +1,62 @@
-const [off, , error] = ['off', 'warn', 'error'];
-
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: [
-    'plugin:react/recommended',
-    'plugin:react-hooks/recommended',
-    'airbnb',
-    'prettier',
-  ],
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
-    },
-    ecmaVersion: 12,
-    sourceType: 'module',
-  },
-  plugins: [
-    'react',
-    'css-modules',
-    '@zohodesk/zsecurity',
-    '@zohodesk/react-performance',
-  ],
-  rules: {
-    // Internal Rules
-    '@zohodesk/react-performance/no-ref-mapstatetoprops': error,
-    '@zohodesk/zsecurity/no-unsecure-html': error,
-    '@zohodesk/zsecurity/no-protocol-check': error,
-
-    // CSS Module Rules
-    'css-modules/no-unused-class': [error, { camelCase: true }],
-    'css-modules/no-undef-class': [error, { camelCase: 'only' }],
-
-    'import/no-unresolved': off,
-    'import/no-extraneous-dependencies': off,
-
-    // As redux used
-    'no-shadow': off, // As we import the action files and use the same name in getting from props built from connect.
-    'react/jsx-filename-extension': off,
-
-    // As we don't follow
-    'react/require-default-props': off,
-    'react/jsx-props-no-spreading': off,
-
-    // As we didn't update
-    'react/jsx-fragments': off,
-
-    // Not needed
-    'no-plusplus': off,
-    'no-unused-expressions': [
-      error,
-      {
-        allowShortCircuit: true,
-        allowTernary: true,
-      },
-    ],
-    'react/jsx-no-target-blank': error,
-  },
-};
+const [off, , error] = ['off', 'warn', 'error'];
+
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: [
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'airbnb',
+    'prettier',
+  ],
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: 'module',
+  },
+  plugins: [
+    'react',
+    'css-modules',
+    '@zohodesk/zsecurity',
+    '@zohodesk/react-performance',
+  ],
+  rules: {
+    // Internal Rules
+    '@zohodesk/react-performance/no-ref-mapstatetoprops': error,
+    '@zohodesk/zsecurity/no-unsecure-html': error,
+    '@zohodesk/zsecurity/no-protocol-check': error,
+
+    // CSS Module Rules
+    'css-modules/no-unused-class': [error, { camelCase: true }],
+    'css-modules/no-undef-class': [error, { camelCase: 'only' }],
+
+    'import/no-unresolved': off,
+    'import/no-extraneous-dependencies': off,
+
+    // As redux used
+    'no-shadow': off, // As we import the action files and use the same name in getting from props built from connect.
+    'react/jsx-filename-extension': off,
+
+    // As we don't follow
+    'react/require-default-props': off,
+    'react/jsx-props-no-spreading': off,
+
+    // As we didn't update
+    'react/jsx-fragments': off,
+
+    // Not needed
+    'no-plusplus': off,
+    'no-unused-expressions': [
+      error,
+      {
+        allowShortCircuit: true,
+        allowTernary: true,
+      },
+    ],
+    'react/jsx-no-target-blank': error,
+  },
+};

package/files/prettierrc.js

@@ -1,3 +1,3 @@
-module.exports = {
-  trailingComma: 'none',
-};
+module.exports = {
+  trailingComma: 'none',
+};

package/lib/common/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "splitChunks", {
-  enumerable: true,
-  get: function () {
-    return _splitChunks.default;
-  }
-});
 Object.defineProperty(exports, "getEntries", {
   enumerable: true,
   get: function () {
@@ -21,6 +15,12 @@ Object.defineProperty(exports, "getPublicPathConfig", {
     return _getPublicPathConfig.default;
   }
 });
+Object.defineProperty(exports, "splitChunks", {
+  enumerable: true,
+  get: function () {
+    return _splitChunks.default;
+  }
+});
 Object.defineProperty(exports, "templateParameters", {
   enumerable: true,
   get: function () {

package/lib/common/splitChunks.js

@@ -7,9 +7,11 @@ exports.default = void 0;
 
 var _path = _interopRequireDefault(require("path"));
 
+var _os = _interopRequireDefault(require("os"));
+
 var _utils = require("../utils");
 
-var _os = _interopRequireDefault(require("os"));
+var _testPattern = require("./testPattern");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -19,7 +21,8 @@ let options = (0, _utils.getOptions)();
 let {
   app: {
     vendorExclude,
-    customChunks
+    customChunks,
+    vendorInclude
   }
 } = options;
 
@@ -29,7 +32,7 @@ let isVendor = function isVendor(module) {
   } = module;
   let excludeList = ['script-loader', 'raw-loader', 'react', 'react-dom'];
   excludeList = [...excludeList, ...vendorExclude];
-  return userRequest && userRequest.indexOf('node_modules') >= 0 && userRequest.endsWith('.css') === false && userRequest.endsWith('publicPathConfig.js') === false && excludeList.every(item => userRequest.indexOf(`node_modules${ps}${item}${ps}`) === -1);
+  return userRequest && (vendorInclude.some(item => userRequest.indexOf(item) !== -1) || userRequest.indexOf('node_modules') >= 0 && userRequest.endsWith('.css') === false && userRequest.endsWith('publicPathConfig.js') === false && excludeList.every(item => userRequest.indexOf(`node_modules${ps}${item}${ps}`) === -1));
 };
 
 let isReact = module => {
@@ -46,30 +49,75 @@ let defaultChunks = {
     chunks: 'all',
     minChunks: 1,
     test: isReact,
+    enforce: true,
+    // priority: 10
     priority: -10
   },
   vendor: {
     name: 'vendor',
     chunks: 'all',
+    // chunks: 'initial',
     minChunks: 1,
     test: isVendor,
+    // priority: 19,
     priority: -10
   }
 };
 let customChunksConfig = {};
-customChunks.map(({
+customChunks.map((obj, index) => ({
+  name: obj.name,
+  pattern: obj.pattern,
+  minChunks: obj.minChunks || obj.size || 2,
+  rules: obj.rules,
+  // includeDepenency: obj.includeDepenency || false,
+  priority: obj.priority || -10 * (index + 2),
+  enforce: obj.enforce || true,
+  maxSize: obj.maxSize,
+  // || 0,
+  minSize: obj.minSize,
+  // || 20000,
+  chunks: obj.chunks || 'all'
+})).map(({
   name,
   pattern,
-  size = 2
-}, index) => customChunksConfig[name] = {
-  name,
-  test: new RegExp(isWindows ? pattern.replace(/\//g, '\\') : pattern),
-  chunks: 'all',
-  enforce: true,
-  minChunks: size,
-  priority: -10 * (index + 2)
+  minChunks,
+  rules,
+  priority,
+  // includeDepenency,
+  enforce,
+  minSize,
+  maxSize,
+  chunks = 'all'
+}) => {
+  let obj = {
+    name,
+    test: rules ? m => {
+      const {
+        userRequest
+      } = m;
+      return (0, _testPattern.testPattern)(userRequest, rules); // return (
+      //   pkgs.some(p => isRelated(userRequest, p)) ||
+      //   (includeDepenency && isDependency(m, pkgs))
+      // );
+    } : new RegExp(isWindows ? pattern.replace(/\//g, '\\') : pattern),
+    chunks,
+    enforce,
+    minChunks,
+    priority
+  };
+
+  if (minSize !== undefined) {
+    obj.minSize = minSize;
+  }
+
+  if (maxSize !== undefined) {
+    obj.maxSize = maxSize;
+  }
+
+  return customChunksConfig[name] = obj;
 });
 var _default = {
+  minSize: 12000,
   cacheGroups: Object.assign({
     default: false,
     vendors: false

package/lib/common/sslcertUpdater.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _https = _interopRequireDefault(require("https"));
+
+var _http = _interopRequireDefault(require("http"));
+
+var _path = _interopRequireDefault(require("path"));
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _getOptions = _interopRequireDefault(require("../utils/getOptions"));
+
+var _urlConcat = require("../utils/urlConcat");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const {
+  sslCertURL
+} = (0, _getOptions.default)();
+
+const CRET_FOLDER_PATH = _path.default.join(__dirname, '..', '..', 'cert');
+
+console.log({
+  CRET_FOLDER_PATH,
+  sslCertURL
+});
+const CERT_PATH = 'cert.pem';
+const KEY_PATH = 'key.pem';
+const PASSPHRASE_PATH = 'passphrase.pem';
+
+function updateSSlFile(sslCertURL, filename) {
+  let url = (0, _urlConcat.urlConcat)(sslCertURL, filename);
+  console.log({
+    url
+  });
+  (url.startsWith('https://') ? _https.default : _http.default).get(url, resp => {
+    let fpath = _path.default.join(CRET_FOLDER_PATH, filename);
+
+    let data = ''; // A chunk of data has been received.
+
+    resp.on('data', chunk => {
+      data += chunk;
+    }); // The whole response has been received. Print out the result.
+
+    resp.on('end', () => {
+      _fs.default.writeFileSync(fpath, data);
+    }); // return;
+  }).on('error', err => {
+    console.log(`Error: ${err.message}`);
+  });
+}
+
+if (!sslCertURL) {
+  throw 'sslCertURL not given';
+}
+
+updateSSlFile(sslCertURL, PASSPHRASE_PATH);
+updateSSlFile(sslCertURL, CERT_PATH);
+updateSSlFile(sslCertURL, KEY_PATH);

package/lib/common/testPattern.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDependency = isDependency;
+exports.isRelatedPackage = exports.isRelated = void 0;
+exports.testPattern = testPattern;
+
+var _path = require("path");
+
+// in our development we only use windows, mac and linux
+const isWindows = _path.sep !== '/'; // this function  will  return true if pattern matched
+
+function _testPattern(req, pattern) {
+  let modifyedPattern = pattern;
+
+  if (/[*.$^]/.test(modifyedPattern)) {
+    if (isWindows) {
+      // modifyedPattern = pattern.replace(/\//g, ps.replace(/\\/g, '\\\\'));
+      modifyedPattern = modifyedPattern.replace(/\//g, '\\\\');
+    }
+
+    modifyedPattern = modifyedPattern.replace(/\./g, '\\.').replace(/\*/g, '.*');
+    const re = new RegExp(modifyedPattern);
+    return re.test(req);
+  }
+
+  if (isWindows) {
+    // modifyedPattern = pattern.replace(/\//g, ps.replace(/\\/g, '\\\\'));
+    modifyedPattern = modifyedPattern.replace(/\//g, '\\');
+  }
+
+  return req.indexOf(modifyedPattern) !== -1;
+}
+
+function testPattern(req, pattern) {
+  if (!req || !pattern) {
+    return false;
+  }
+
+  if (Array.isArray(pattern)) {
+    // eslint-disable-next-line no-unused-vars
+    return pattern.every(p => testPattern(req, p));
+  }
+
+  if (pattern[0] === '!') {
+    return !_testPattern(req, pattern.slice(1));
+  }
+
+  return _testPattern(req, pattern);
+}
+
+const isRelated = (req, item) => req && req.indexOf(item) !== -1; // export const isRelated = (req, item) => testPattern(req, item);
+
+
+exports.isRelated = isRelated;
+
+const isRelatedPackage = (req, item) => isRelated(req, `node_modules${_path.sep}${item}${_path.sep}`) !== -1; // export const isRelated = (req, item) => testPattern(req, item);
+
+
+exports.isRelatedPackage = isRelatedPackage;
+
+function isDependency(m, excludeList) {
+  // let reasons = m.reasons.map(r => r.module.userRequest);
+  // m.reasons.some(r => !r.module || !r.module.userRequest) && console.log(m.reasons);
+  return m.reasons.some(r => excludeList.some(item => r.module && isRelated(r.module.userRequest, item)));
+} // export function queryHandler(conditions, pattern) {
+// }

package/lib/common/valueReplacer.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+var _path = _interopRequireDefault(require("path"));
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _folderIterator = _interopRequireDefault(require("../utils/folderIterator"));
+
+var _utils = require("../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const cwd = process.cwd();
+
+const src = _path.default.join(cwd, process.argv[2]);
+
+const dist = _path.default.join(cwd, process.argv[3]);
+
+const docopy = process.argv[4] === 'true';
+const {
+  css: {
+    valueReplacer
+  }
+} = (0, _utils.getOptions)();
+
+if (!_fs.default.existsSync(dist)) {
+  _fs.default.mkdirSync(dist, {
+    recursive: true
+  });
+}
+
+(0, _folderIterator.default)(src, dist, docopy ? false : ['.css'], false, (fromPath, toPath) => {
+  //console.log({ fromPath: fromPath, toPath: toPath });
+  let css = _fs.default.readFileSync(fromPath);
+
+  if (docopy && !fromPath.endsWith('.css')) {
+    //console.log(toPath,'....');
+    _fs.default.writeFileSync(toPath, css);
+
+    return;
+  }
+
+  (0, _postcss.default)([valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer)]).process(css, {
+    from: fromPath,
+    to: toPath
+  }).then(result => {
+    _fs.default.writeFile(toPath, result.css, () => true);
+
+    if (result.map) {
+      _fs.default.writeFile(`${toPath}.map`, result.map, () => true);
+    }
+  });
+});

package/lib/configs/jest.config.js

@@ -1,11 +1,18 @@
 "use strict";
 
+var _fs = require("fs");
+
 var _path = _interopRequireDefault(require("path"));
 
+var _libAlias = require("./libAlias");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-let appPath = process.cwd();
-let commonConfig = {
+const appPath = process.cwd();
+
+const appGlobals = _path.default.resolve(appPath, '__testUtils__', 'globals.js');
+
+const commonConfig = {
   coverageReporters: ['json', 'html', 'json-summary', 'text'],
   collectCoverage: true,
   moduleDirectories: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
@@ -14,12 +21,15 @@ let commonConfig = {
     '^.+\\.css$': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'cssPreprocessor.js'),
     '^(?!.*\\.(js|jsx|css|json)$)': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'otherFilesPreprocessor.js')
   },
-  moduleNameMapper: {
-    '\\.(css|less)$': 'identity-obj-proxy'
-  },
-  transformIgnorePatterns: ['/node_modules.*?.js$'],
+  moduleNameMapper: _libAlias.jestModuleNameMapper,
+  // moduleNameMapper: {
+  //   ...moduleNameMapper,
+  //   '\\.(css|less)$': 'identity-obj-proxy'
+  // },
+  transformIgnorePatterns: ['/node_modules/(?!(@zohodesk)/)'],
+  // transformIgnorePatterns: ['/node_modules.*?.js$'],
   moduleFileExtensions: ['js'],
-  setupFiles: [_path.default.resolve(appPath, '__testUtils__', 'globals.js'), _path.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,
@@ -28,7 +38,7 @@ let commonConfig = {
 };
 
 module.exports = (...args) => {
-  let [appFolder, forCommittedFiles = false] = args;
+  const [appFolder, forCommittedFiles = false] = args;
 
   if (forCommittedFiles) {
     return Object.assign({}, commonConfig, {

package/lib/configs/libAlias.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.libAlias = exports.jestModuleNameMapper = 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'
+}; //   '^@root(.*)$': '<rootDir>/src$1',
+// '^@components(.*)$': '<rootDir>/src/components$1',
+
+exports.libAlias = libAlias;
+const jestModuleNameMapper = Object.keys(libAlias).reduce((previousValue, key) => {
+  previousValue[`^${key}(.*)$`] = `${libAlias[key]}$1`;
+  return previousValue;
+}, {});
+exports.jestModuleNameMapper = jestModuleNameMapper;

package/lib/configs/resolvers.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loaderResolver = loaderResolver;
+exports.moduleResolver = moduleResolver;
+
+var _constants = require("../constants");
+
+var _libAlias = require("./libAlias");
+
+var _client_packages_group = require("@zohodesk/client_packages_group");
+
+function moduleResolver(options) {
+  const {
+    moduleResolvePath,
+    disableES5Transpile
+  } = options.app;
+  const nodeModulesPath = moduleResolvePath ? require(require.resolve(moduleResolvePath, {
+    paths: [options.cwd]
+  })).nodeModulesPath : _client_packages_group.nodeModulesPath; // const {unstableDepsInverse} = options;
+
+  return {
+    modules: [nodeModulesPath, _constants.cliNodemodulesPath, 'node_modules'].filter(Boolean),
+    alias: disableES5Transpile ? _libAlias.libAlias : {} // alias: { ...libAlias, ...clientDependenies }
+
+  };
+}
+
+function loaderResolver(options) {
+  // const unstableDepsInverse = false;
+  const {
+    unstableDepsInverse
+  } = options;
+  return {
+    modules: unstableDepsInverse ? ['node_modules', _constants.cliNodemodulesPath] : [_constants.cliNodemodulesPath, 'node_modules'] // alias:  libAlias
+
+  };
+}

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

@@ -67,10 +67,10 @@ module.exports = {
       }],
       include: _path.default.join(appPath, 'src')
     }
-    /*,
-    {
-    test: /\.css$/,
-    use: [MiniCssExtractPlugin.loader, 'css-loader']
+    /*,
+    {
+    test: /\.css$/,
+    use: [MiniCssExtractPlugin.loader, 'css-loader']
     }*/
     , {
       test: /(\.module)?\.css$/,