css-loader 3.6.0 → 4.2.0

package/dist/utils.js

@@ -3,15 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.normalizeOptions = normalizeOptions;
+exports.shouldUseModulesPlugins = shouldUseModulesPlugins;
+exports.shouldUseImportPlugin = shouldUseImportPlugin;
+exports.shouldUseURLPlugin = shouldUseURLPlugin;
+exports.shouldUseIcssPlugin = shouldUseIcssPlugin;
 exports.normalizeUrl = normalizeUrl;
+exports.requestify = requestify;
 exports.getFilter = getFilter;
+exports.getModulesOptions = getModulesOptions;
 exports.getModulesPlugins = getModulesPlugins;
 exports.normalizeSourceMap = normalizeSourceMap;
 exports.getPreRequester = getPreRequester;
 exports.getImportCode = getImportCode;
 exports.getModuleCode = getModuleCode;
 exports.getExportCode = getExportCode;
-exports.shouldUseModulesPlugins = shouldUseModulesPlugins;
+exports.resolveRequests = resolveRequests;
+exports.isUrlRequestable = isUrlRequestable;
+exports.sort = sort;
+
+var _url = require("url");
 
 var _path = _interopRequireDefault(require("path"));
 
@@ -39,6 +50,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 */
 const whitespace = '[\\x20\\t\\r\\n\\f]';
 const unescapeRegExp = new RegExp(`\\\\([\\da-f]{1,6}${whitespace}?|(${whitespace})|.)`, 'ig');
+const matchNativeWin32Path = /^[A-Z]:[/\\]|^\\\\/i;
 
 function unescape(str) {
   return str.replace(unescapeRegExp, (_, escaped, escapedWhitespace) => {
@@ -57,26 +69,27 @@ function unescape(str) {
 } // eslint-disable-next-line no-control-regex
 
 
-const filenameReservedRegex = /[<>:"/\\|?*\x00-\x1F]/g; // eslint-disable-next-line no-control-regex
+const filenameReservedRegex = /[<>:"/\\|?*]/g; // eslint-disable-next-line no-control-regex
 
 const reControlChars = /[\u0000-\u001f\u0080-\u009f]/g;
-const reRelativePath = /^\.+/;
-
-function getLocalIdent(loaderContext, localIdentName, localName, options) {
-  if (!options.context) {
-    // eslint-disable-next-line no-param-reassign
-    options.context = loaderContext.rootContext;
-  }
 
-  const request = (0, _normalizePath.default)(_path.default.relative(options.context || '', loaderContext.resourcePath)); // eslint-disable-next-line no-param-reassign
+function defaultGetLocalIdent(loaderContext, localIdentName, localName, options) {
+  const {
+    context,
+    hashPrefix
+  } = options;
+  const {
+    resourcePath
+  } = loaderContext;
+  const request = (0, _normalizePath.default)(_path.default.relative(context, resourcePath)); // eslint-disable-next-line no-param-reassign
 
-  options.content = `${options.hashPrefix + request}+${unescape(localName)}`; // Using `[path]` placeholder outputs `/` we need escape their
+  options.content = `${hashPrefix + request}\x00${unescape(localName)}`; // Using `[path]` placeholder outputs `/` we need escape their
   // Also directories can contains invalid characters for css we need escape their too
 
   return (0, _cssesc.default)((0, _loaderUtils.interpolateName)(loaderContext, localIdentName, options) // For `[hash]` placeholder
-  .replace(/^((-?[0-9])|--)/, '_$1').replace(filenameReservedRegex, '-').replace(reControlChars, '-').replace(reRelativePath, '-').replace(/\./g, '-'), {
+  .replace(/^((-?[0-9])|--)/, '_$1').replace(filenameReservedRegex, '-').replace(reControlChars, '-').replace(/\./g, '-'), {
     isIdentifier: true
-  }).replace(/\\\[local\\\]/gi, localName);
+  }).replace(/\\\[local\\]/gi, localName);
 }
 
 function normalizeUrl(url, isStringValue) {
@@ -86,95 +99,189 @@ function normalizeUrl(url, isStringValue) {
     normalizedUrl = normalizedUrl.replace(/\\[\n]/g, '');
   }
 
-  return (0, _loaderUtils.urlToRequest)(decodeURIComponent(unescape(normalizedUrl)));
+  if (matchNativeWin32Path.test(url)) {
+    return decodeURIComponent(normalizedUrl);
+  }
+
+  return decodeURIComponent(unescape(normalizedUrl));
 }
 
-function getFilter(filter, resourcePath, defaultFilter = null) {
-  return item => {
-    if (defaultFilter && !defaultFilter(item)) {
-      return false;
-    }
+function requestify(url, rootContext) {
+  if (/^file:/i.test(url)) {
+    return (0, _url.fileURLToPath)(url);
+  }
 
+  return url.charAt(0) === '/' ? (0, _loaderUtils.urlToRequest)(url, rootContext) : (0, _loaderUtils.urlToRequest)(url);
+}
+
+function getFilter(filter, resourcePath) {
+  return (...args) => {
     if (typeof filter === 'function') {
-      return filter(item, resourcePath);
+      return filter(...args, resourcePath);
     }
 
     return true;
   };
 }
 
-function shouldUseModulesPlugins(modules, resourcePath) {
-  if (typeof modules === 'undefined') {
+const moduleRegExp = /\.module\.\w+$/i;
+
+function getModulesOptions(rawOptions, loaderContext) {
+  const {
+    resourcePath
+  } = loaderContext;
+
+  if (typeof rawOptions.modules === 'undefined') {
+    const isModules = moduleRegExp.test(resourcePath);
+
+    if (!isModules) {
+      return false;
+    }
+  } else if (typeof rawOptions.modules === 'boolean' && rawOptions.modules === false) {
     return false;
   }
 
-  if (typeof modules === 'boolean') {
-    return modules;
+  let modulesOptions = {
+    compileType: rawOptions.icss ? 'icss' : 'module',
+    auto: true,
+    mode: 'local',
+    exportGlobals: false,
+    localIdentName: '[hash:base64]',
+    localIdentContext: loaderContext.rootContext,
+    localIdentHashPrefix: '',
+    // eslint-disable-next-line no-undefined
+    localIdentRegExp: undefined,
+    getLocalIdent: defaultGetLocalIdent,
+    namedExport: false,
+    exportLocalsConvention: 'asIs',
+    exportOnlyLocals: false
+  };
+
+  if (typeof rawOptions.modules === 'boolean' || typeof rawOptions.modules === 'string') {
+    modulesOptions.mode = typeof rawOptions.modules === 'string' ? rawOptions.modules : 'local';
+  } else {
+    if (rawOptions.modules) {
+      if (typeof rawOptions.modules.auto === 'boolean') {
+        const isModules = rawOptions.modules.auto && moduleRegExp.test(resourcePath);
+
+        if (!isModules) {
+          return false;
+        }
+      } else if (rawOptions.modules.auto instanceof RegExp) {
+        const isModules = rawOptions.modules.auto.test(resourcePath);
+
+        if (!isModules) {
+          return false;
+        }
+      } else if (typeof rawOptions.modules.auto === 'function') {
+        const isModule = rawOptions.modules.auto(resourcePath);
+
+        if (!isModule) {
+          return false;
+        }
+      }
+
+      if (rawOptions.modules.namedExport === true && typeof rawOptions.modules.exportLocalsConvention === 'undefined') {
+        modulesOptions.exportLocalsConvention = 'camelCaseOnly';
+      }
+    }
+
+    modulesOptions = { ...modulesOptions,
+      ...(rawOptions.modules || {})
+    };
   }
 
-  if (typeof modules === 'string') {
-    return true;
+  if (typeof modulesOptions.mode === 'function') {
+    modulesOptions.mode = modulesOptions.mode(loaderContext.resourcePath);
   }
 
-  if (typeof modules.auto === 'boolean') {
-    return modules.auto ? /\.module\.\w+$/i.test(resourcePath) : false;
+  if (modulesOptions.namedExport === true) {
+    if (rawOptions.esModule === false) {
+      throw new Error('The "modules.namedExport" option requires the "esModules" option to be enabled');
+    }
+
+    if (modulesOptions.exportLocalsConvention !== 'camelCaseOnly') {
+      throw new Error('The "modules.namedExport" option requires the "modules.exportLocalsConvention" option to be "camelCaseOnly"');
+    }
   }
 
-  if (modules.auto instanceof RegExp) {
-    return modules.auto.test(resourcePath);
+  return modulesOptions;
+}
+
+function normalizeOptions(rawOptions, loaderContext) {
+  if (rawOptions.icss) {
+    loaderContext.emitWarning(new Error('The "icss" option is deprecated, use "modules.compileType: "icss"" instead'));
   }
 
-  if (typeof modules.auto === 'function') {
-    return modules.auto(resourcePath);
+  const modulesOptions = getModulesOptions(rawOptions, loaderContext);
+  return {
+    url: typeof rawOptions.url === 'undefined' ? true : rawOptions.url,
+    import: typeof rawOptions.import === 'undefined' ? true : rawOptions.import,
+    modules: modulesOptions,
+    // TODO remove in the next major release
+    icss: typeof rawOptions.icss === 'undefined' ? false : rawOptions.icss,
+    sourceMap: typeof rawOptions.sourceMap === 'boolean' ? rawOptions.sourceMap : loaderContext.sourceMap,
+    importLoaders: rawOptions.importLoaders,
+    esModule: typeof rawOptions.esModule === 'undefined' ? true : rawOptions.esModule
+  };
+}
+
+function shouldUseImportPlugin(options) {
+  if (options.modules.exportOnlyLocals) {
+    return false;
+  }
+
+  if (typeof options.import === 'boolean') {
+    return options.import;
   }
 
   return true;
 }
 
-function getModulesPlugins(options, loaderContext) {
-  let modulesOptions = {
-    mode: 'local',
-    exportGlobals: false,
-    localIdentName: '[hash:base64]',
-    getLocalIdent,
-    hashPrefix: '',
-    localIdentRegExp: null
-  };
-
-  if (typeof options.modules === 'boolean' || typeof options.modules === 'string') {
-    modulesOptions.mode = typeof options.modules === 'string' ? options.modules : 'local';
-  } else {
-    modulesOptions = Object.assign({}, modulesOptions, options.modules);
+function shouldUseURLPlugin(options) {
+  if (options.modules.exportOnlyLocals) {
+    return false;
   }
 
-  if (typeof modulesOptions.mode === 'function') {
-    modulesOptions.mode = modulesOptions.mode(loaderContext.resourcePath);
+  if (typeof options.url === 'boolean') {
+    return options.url;
   }
 
+  return true;
+}
+
+function shouldUseModulesPlugins(options) {
+  return options.modules.compileType === 'module';
+}
+
+function shouldUseIcssPlugin(options) {
+  return options.icss === true || Boolean(options.modules);
+}
+
+function getModulesPlugins(options, loaderContext) {
+  const {
+    mode,
+    getLocalIdent,
+    localIdentName,
+    localIdentContext,
+    localIdentHashPrefix,
+    localIdentRegExp
+  } = options.modules;
   let plugins = [];
 
   try {
     plugins = [_postcssModulesValues.default, (0, _postcssModulesLocalByDefault.default)({
-      mode: modulesOptions.mode
+      mode
     }), (0, _postcssModulesExtractImports.default)(), (0, _postcssModulesScope.default)({
-      generateScopedName: function generateScopedName(exportName) {
-        let localIdent = modulesOptions.getLocalIdent(loaderContext, modulesOptions.localIdentName, exportName, {
-          context: modulesOptions.context,
-          hashPrefix: modulesOptions.hashPrefix,
-          regExp: modulesOptions.localIdentRegExp
+      generateScopedName(exportName) {
+        return getLocalIdent(loaderContext, localIdentName, exportName, {
+          context: localIdentContext,
+          hashPrefix: localIdentHashPrefix,
+          regExp: localIdentRegExp
         });
-
-        if (!localIdent) {
-          localIdent = getLocalIdent(loaderContext, modulesOptions.localIdentName, exportName, {
-            context: modulesOptions.context,
-            hashPrefix: modulesOptions.hashPrefix,
-            regExp: modulesOptions.localIdentRegExp
-          });
-        }
-
-        return localIdent;
       },
-      exportGlobals: modulesOptions.exportGlobals
+
+      exportGlobals: options.modules.exportGlobals
     })];
   } catch (error) {
     loaderContext.emitError(error);
@@ -229,94 +336,92 @@ function getPreRequester({
   };
 }
 
-function getImportCode(loaderContext, exportType, imports, esModule) {
+function getImportCode(imports, options) {
   let code = '';
 
-  if (exportType === 'full') {
-    const apiUrl = (0, _loaderUtils.stringifyRequest)(loaderContext, require.resolve('./runtime/api'));
-    code += esModule ? `import ___CSS_LOADER_API_IMPORT___ from ${apiUrl};\n` : `var ___CSS_LOADER_API_IMPORT___ = require(${apiUrl});\n`;
-  }
-
   for (const item of imports) {
     const {
       importName,
-      url
+      url,
+      icss
     } = item;
-    code += esModule ? `import ${importName} from ${url};\n` : `var ${importName} = require(${url});\n`;
+    code += options.esModule ? icss && options.modules.namedExport ? `import ${importName}, * as ${importName}_NAMED___ from ${url};\n` : `import ${importName} from ${url};\n` : `var ${importName} = require(${url});\n`;
   }
 
   return code ? `// Imports\n${code}` : '';
 }
 
-function getModuleCode(result, exportType, sourceMap, apiImports, urlReplacements, icssReplacements, esModule) {
-  if (exportType !== 'full') {
-    return '';
+function getModuleCode(result, api, replacements, options) {
+  if (options.modules.exportOnlyLocals === true) {
+    return 'var ___CSS_LOADER_EXPORT___ = {};\n';
   }
 
   const {
     css,
     map
   } = result;
-  const sourceMapValue = sourceMap && map ? `,${map}` : '';
+  const sourceMapValue = options.sourceMap && map ? `,${map}` : '';
   let code = JSON.stringify(css);
-  let beforeCode = '';
-  beforeCode += esModule ? `var exports = ___CSS_LOADER_API_IMPORT___(${sourceMap});\n` : `exports = ___CSS_LOADER_API_IMPORT___(${sourceMap});\n`;
+  let beforeCode = `var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(${options.sourceMap});\n`;
 
-  for (const item of apiImports) {
+  for (const item of api) {
     const {
-      type,
+      url,
       media,
       dedupe
     } = item;
-    beforeCode += type === 'internal' ? `exports.i(${item.importName}${media ? `, ${JSON.stringify(media)}` : dedupe ? ', ""' : ''}${dedupe ? ', true' : ''});\n` : `exports.push([module.id, ${JSON.stringify(`@import url(${item.url});`)}${media ? `, ${JSON.stringify(media)}` : ''}]);\n`;
+    beforeCode += url ? `___CSS_LOADER_EXPORT___.push([module.id, ${JSON.stringify(`@import url(${url});`)}${media ? `, ${JSON.stringify(media)}` : ''}]);\n` : `___CSS_LOADER_EXPORT___.i(${item.importName}${media ? `, ${JSON.stringify(media)}` : dedupe ? ', ""' : ''}${dedupe ? ', true' : ''});\n`;
   }
 
-  for (const item of urlReplacements) {
+  for (const item of replacements) {
     const {
       replacementName,
       importName,
-      hash,
-      needQuotes
+      localName
     } = item;
-    const getUrlOptions = [].concat(hash ? [`hash: ${JSON.stringify(hash)}`] : []).concat(needQuotes ? 'needQuotes: true' : []);
-    const preparedOptions = getUrlOptions.length > 0 ? `, { ${getUrlOptions.join(', ')} }` : '';
-    beforeCode += `var ${replacementName} = ___CSS_LOADER_GET_URL_IMPORT___(${importName}${preparedOptions});\n`;
-    code = code.replace(new RegExp(replacementName, 'g'), () => `" + ${replacementName} + "`);
-  }
 
-  for (const replacement of icssReplacements) {
-    const {
-      replacementName,
-      importName,
-      localName
-    } = replacement;
-    code = code.replace(new RegExp(replacementName, 'g'), () => `" + ${importName}.locals[${JSON.stringify(localName)}] + "`);
+    if (localName) {
+      code = code.replace(new RegExp(replacementName, 'g'), () => options.modules.namedExport ? `" + ${importName}_NAMED___[${JSON.stringify((0, _camelcase.default)(localName))}] + "` : `" + ${importName}.locals[${JSON.stringify(localName)}] + "`);
+    } else {
+      const {
+        hash,
+        needQuotes
+      } = item;
+      const getUrlOptions = [].concat(hash ? [`hash: ${JSON.stringify(hash)}`] : []).concat(needQuotes ? 'needQuotes: true' : []);
+      const preparedOptions = getUrlOptions.length > 0 ? `, { ${getUrlOptions.join(', ')} }` : '';
+      beforeCode += `var ${replacementName} = ___CSS_LOADER_GET_URL_IMPORT___(${importName}${preparedOptions});\n`;
+      code = code.replace(new RegExp(replacementName, 'g'), () => `" + ${replacementName} + "`);
+    }
   }
 
-  return `${beforeCode}// Module\nexports.push([module.id, ${code}, ""${sourceMapValue}]);\n`;
+  return `${beforeCode}// Module\n___CSS_LOADER_EXPORT___.push([module.id, ${code}, ""${sourceMapValue}]);\n`;
 }
 
 function dashesCamelCase(str) {
   return str.replace(/-+(\w)/g, (match, firstLetter) => firstLetter.toUpperCase());
 }
 
-function getExportCode(exports, exportType, localsConvention, icssReplacements, esModule) {
+function getExportCode(exports, replacements, options) {
   let code = '';
   let localsCode = '';
 
   const addExportToLocalsCode = (name, value) => {
-    if (localsCode) {
-      localsCode += `,\n`;
-    }
+    if (options.modules.namedExport) {
+      localsCode += `export const ${(0, _camelcase.default)(name)} = ${JSON.stringify(value)};\n`;
+    } else {
+      if (localsCode) {
+        localsCode += `,\n`;
+      }
 
-    localsCode += `\t${JSON.stringify(name)}: ${JSON.stringify(value)}`;
+      localsCode += `\t${JSON.stringify(name)}: ${JSON.stringify(value)}`;
+    }
   };
 
   for (const {
     name,
     value
   } of exports) {
-    switch (localsConvention) {
+    switch (options.modules.exportLocalsConvention) {
       case 'camelCase':
         {
           addExportToLocalsCode(name, value);
@@ -360,24 +465,68 @@ function getExportCode(exports, exportType, localsConvention, icssReplacements,
     }
   }
 
-  for (const replacement of icssReplacements) {
+  for (const item of replacements) {
     const {
       replacementName,
-      importName,
       localName
-    } = replacement;
-    localsCode = localsCode.replace(new RegExp(replacementName, 'g'), () => exportType === 'locals' ? `" + ${importName}[${JSON.stringify(localName)}] + "` : `" + ${importName}.locals[${JSON.stringify(localName)}] + "`);
-  }
+    } = item;
 
-  if (exportType === 'locals') {
-    code += `${esModule ? 'export default' : 'module.exports ='} ${localsCode ? `{\n${localsCode}\n}` : '{}'};\n`;
-  } else {
-    if (localsCode) {
-      code += `exports.locals = {\n${localsCode}\n};\n`;
+    if (localName) {
+      const {
+        importName
+      } = item;
+      localsCode = localsCode.replace(new RegExp(replacementName, 'g'), () => options.modules.namedExport ? `" + ${importName}_NAMED___[${JSON.stringify((0, _camelcase.default)(localName))}] + "` : `" + ${importName}.locals[${JSON.stringify(localName)}] + "`);
+    } else {
+      localsCode = localsCode.replace(new RegExp(replacementName, 'g'), () => `" + ${replacementName} + "`);
     }
+  }
 
-    code += `${esModule ? 'export default' : 'module.exports ='} exports;\n`;
+  if (localsCode) {
+    code += options.modules.namedExport ? `${localsCode}` : `___CSS_LOADER_EXPORT___.locals = {\n${localsCode}\n};\n`;
   }
 
+  code += `${options.esModule ? 'export default' : 'module.exports ='} ___CSS_LOADER_EXPORT___;\n`;
   return `// Exports\n${code}`;
+}
+
+async function resolveRequests(resolve, context, possibleRequests) {
+  return resolve(context, possibleRequests[0]).then(result => {
+    return result;
+  }).catch(error => {
+    const [, ...tailPossibleRequests] = possibleRequests;
+
+    if (tailPossibleRequests.length === 0) {
+      throw error;
+    }
+
+    return resolveRequests(resolve, context, tailPossibleRequests);
+  });
+}
+
+function isUrlRequestable(url) {
+  // Protocol-relative URLs
+  if (/^\/\//.test(url)) {
+    return false;
+  } // `file:` protocol
+
+
+  if (/^file:/i.test(url)) {
+    return true;
+  } // Absolute URLs
+
+
+  if (/^[a-z][a-z0-9+.-]*:/i.test(url) && !matchNativeWin32Path.test(url)) {
+    return false;
+  } // `#` URLs
+
+
+  if (/^#/.test(url)) {
+    return false;
+  }
+
+  return true;
+}
+
+function sort(a, b) {
+  return a.index - b.index;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-loader",
-  "version": "3.6.0",
+  "version": "4.2.0",
   "description": "css loader module for webpack",
   "license": "MIT",
   "repository": "webpack-contrib/css-loader",
@@ -13,7 +13,7 @@
   },
   "main": "dist/cjs.js",
   "engines": {
-    "node": ">= 8.9.0"
+    "node": ">= 10.13.0"
   },
   "scripts": {
     "start": "npm run build -- -w",
@@ -40,54 +40,56 @@
     "dist"
   ],
   "peerDependencies": {
-    "webpack": "^4.0.0 || ^5.0.0"
+    "webpack": "^4.27.0 || ^5.0.0"
   },
   "dependencies": {
-    "camelcase": "^5.3.1",
+    "camelcase": "^6.0.0",
     "cssesc": "^3.0.0",
     "icss-utils": "^4.1.1",
-    "loader-utils": "^1.2.3",
+    "loader-utils": "^2.0.0",
     "normalize-path": "^3.0.0",
     "postcss": "^7.0.32",
     "postcss-modules-extract-imports": "^2.0.0",
-    "postcss-modules-local-by-default": "^3.0.2",
+    "postcss-modules-local-by-default": "^3.0.3",
     "postcss-modules-scope": "^2.2.0",
     "postcss-modules-values": "^3.0.0",
     "postcss-value-parser": "^4.1.0",
     "schema-utils": "^2.7.0",
-    "semver": "^6.3.0"
+    "semver": "^7.3.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.10.1",
-    "@babel/core": "^7.10.2",
-    "@babel/preset-env": "^7.10.2",
-    "@commitlint/cli": "^8.3.5",
-    "@commitlint/config-conventional": "^8.3.4",
+    "@babel/cli": "^7.10.5",
+    "@babel/core": "^7.10.5",
+    "@babel/preset-env": "^7.10.4",
+    "@commitlint/cli": "^9.1.2",
+    "@commitlint/config-conventional": "^9.1.1",
     "@webpack-contrib/defaults": "^6.3.0",
     "@webpack-contrib/eslint-config-webpack": "^3.0.0",
-    "babel-jest": "^25.5.1",
+    "babel-jest": "^26.1.0",
     "cross-env": "^7.0.2",
     "del": "^5.1.0",
     "del-cli": "^3.0.1",
     "es-check": "^5.1.0",
-    "eslint": "^6.8.0",
+    "eslint": "^7.5.0",
     "eslint-config-prettier": "^6.11.0",
-    "eslint-plugin-import": "^2.21.2",
+    "eslint-plugin-import": "^2.22.0",
     "file-loader": "^6.0.0",
     "husky": "^4.2.5",
-    "jest": "^25.5.4",
-    "lint-staged": "^10.2.10",
+    "jest": "^26.1.0",
+    "lint-staged": "^10.2.11",
     "memfs": "^3.2.0",
+    "mini-css-extract-plugin": "^0.9.0",
     "npm-run-all": "^4.1.5",
     "postcss-loader": "^3.0.0",
     "postcss-preset-env": "^6.7.0",
     "prettier": "^2.0.5",
-    "sass": "^1.26.8",
-    "sass-loader": "^8.0.2",
-    "standard-version": "^8.0.0",
+    "sass": "^1.26.10",
+    "sass-loader": "^9.0.2",
+    "standard-version": "^8.0.2",
     "strip-ansi": "^6.0.0",
+    "style-loader": "^1.2.1",
     "url-loader": "^4.1.0",
-    "webpack": "^4.43.0"
+    "webpack": "^4.44.0"
   },
   "keywords": [
     "webpack",