css-loader 2.0.0 → 2.1.1

package/CHANGELOG.md

@@ -2,6 +2,49 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+<a name="2.1.1"></a>
+## [2.1.1](https://github.com/webpack-contrib/css-loader/compare/v2.1.0...v2.1.1) (2019-03-07)
+
+
+### Bug Fixes
+
+* do not break selector with escaping ([#896](https://github.com/webpack-contrib/css-loader/issues/896)) ([0ba8c66](https://github.com/webpack-contrib/css-loader/commit/0ba8c66))
+* source map generation when `sourceRoot` is present ([#901](https://github.com/webpack-contrib/css-loader/issues/901)) ([e9ce745](https://github.com/webpack-contrib/css-loader/commit/e9ce745))
+* sourcemap generating when previous loader pass sourcemap as string ([#905](https://github.com/webpack-contrib/css-loader/issues/905)) ([3797e4d](https://github.com/webpack-contrib/css-loader/commit/3797e4d))
+
+
+
+<a name="2.1.0"></a>
+# [2.1.0](https://github.com/webpack-contrib/css-loader/compare/v2.0.2...v2.1.0) (2018-12-25)
+
+
+### Features
+
+* support `image-set` without `url` ([#879](https://github.com/webpack-contrib/css-loader/issues/879)) ([21884e2](https://github.com/webpack-contrib/css-loader/commit/21884e2))
+
+
+
+<a name="2.0.2"></a>
+## [2.0.2](https://github.com/webpack-contrib/css-loader/compare/v2.0.1...v2.0.2) (2018-12-21)
+
+
+### Bug Fixes
+
+* inappropriate modification of animation keywords ([#876](https://github.com/webpack-contrib/css-loader/issues/876)) ([dfb2f8e](https://github.com/webpack-contrib/css-loader/commit/dfb2f8e))
+
+
+
+<a name="2.0.1"></a>
+# [2.0.1](https://github.com/webpack-contrib/css-loader/compare/v2.0.0...v2.0.1) (2018-12-14)
+
+
+### Bug Fixes
+
+* safe checking if params are present for at rule ([#871](https://github.com/webpack-contrib/css-loader/issues/871)) ([a88fed1](https://github.com/webpack-contrib/css-loader/commit/a88fed1))
+* `getLocalIdent` now accepts `false` value ([#865](https://github.com/webpack-contrib/css-loader/issues/865)) ([1825e8a](https://github.com/webpack-contrib/css-loader/commit/1825e8a))
+
+
+
 <a name="2.0.0"></a>
 # [2.0.0](https://github.com/webpack-contrib/css-loader/compare/v1.0.1...v2.0.0) (2018-12-07)
 
@@ -34,7 +77,7 @@ All notable changes to this project will be documented in this file. See [standa
 
 ### BREAKING CHANGES
 
-* resolving logic for `uls()` and `import` at-rules works the same everywhere, it does not matter whether css modules are enabled (with `global` and `local` module) or not. Examples - `url('image.png')` as `require('./image.png')`, `url('./image.png')` as `require('./image.png')`, `url('~module/image.png')` as `require('module/image.png')`.
+* resolving logic for `url()` and `import` at-rules works the same everywhere, it does not matter whether css modules are enabled (with `global` and `local` module) or not. Examples - `url('image.png')` as `require('./image.png')`, `url('./image.png')` as `require('./image.png')`, `url('~module/image.png')` as `require('module/image.png')`.
 * by default css modules are disabled (now `modules: false` disable all css modules features), you can return old behaviour change this on `modules: 'global'`
 * `css-loader/locals` was dropped in favor `exportOnlyLocals` option
 * `import` option only affect on `import` at-rules and doesn't affect on `composes` declarations

package/README.md

@@ -5,7 +5,6 @@
     <img width="200" height="200"
       src="https://webpack.js.org/assets/icon-square-big.svg">
   </a>
-  <h1>CSS Loader</h1>
 </div>
 
 [![npm][npm]][npm-url]
@@ -20,10 +19,6 @@
 
 The `css-loader` interprets `@import` and `url()` like `import/require()` and will resolve them.
 
-## Requirements
-
-This module requires a minimum of Node v6.9.0 and Webpack v4.0.0.
-
 ## Getting Started
 
 To begin, you'll need to install `css-loader`:
@@ -114,23 +109,26 @@ module.exports = {
 
 ## Options
 
-|                    Name                     |         Type          |     Default     | Description                                 |
-| :-----------------------------------------: | :-------------------: | :-------------: | :------------------------------------------ |
-|              **[`url`](#url)**              | `{Boolean\|Function}` |     `true`      | Enable/Disable `url()` handling             |
-|           **[`import`](#import)**           | `{Boolean\/Function}` |     `true`      | Enable/Disable @import handling             |
-|          **[`modules`](#modules)**          |  `{Boolean\|String}`  |     `false`     | Enable/Disable CSS Modules and setup mode   |
-|   **[`localIdentName`](#localidentname)**   |      `{String}`       | `[hash:base64]` | Configure the generated ident               |
-|        **[`sourceMap`](#sourcemap)**        |      `{Boolean}`      |     `false`     | Enable/Disable Sourcemaps                   |
-|        **[`camelCase`](#camelcase)**        |  `{Boolean\|String}`  |     `false`     | Export Classnames in CamelCase              |
-|    **[`importLoaders`](#importloaders)**    |      `{Number}`       |       `0`       | Number of loaders applied before CSS loader |
-| **[`exportOnlyLocals`](#exportonlylocals)** |      `{Boolean}`      |     `false`     | Export only locals                          |
+|                    Name                     |         Type          |     Default     | Description                                                              |
+| :-----------------------------------------: | :-------------------: | :-------------: | :----------------------------------------------------------------------- |
+|              **[`url`](#url)**              | `{Boolean\|Function}` |     `true`      | Enable/Disable `url()` handling                                          |
+|           **[`import`](#import)**           | `{Boolean\/Function}` |     `true`      | Enable/Disable @import handling                                          |
+|          **[`modules`](#modules)**          |  `{Boolean\|String}`  |     `false`     | Enable/Disable CSS Modules and setup mode                                |
+|   **[`localIdentName`](#localidentname)**   |      `{String}`       | `[hash:base64]` | Configure the generated ident                                            |
+|          **[`context`](#context)**          |      `{String}`       |   `undefined`   | Allow to redefine basic loader context for local ident name              |
+|       **[`hashPrefix`](#hashprefix)**       |      `{String}`       |   `undefined`   | Allow to add custom hash to generate more unique classes                 |
+|    **[`getLocalIdent`](#getlocalident)**    |     `{Function}`      |   `undefined`   | Configure the function to generate classname based on a different schema |
+|        **[`sourceMap`](#sourcemap)**        |      `{Boolean}`      |     `false`     | Enable/Disable Sourcemaps                                                |
+|        **[`camelCase`](#camelcase)**        |  `{Boolean\|String}`  |     `false`     | Export Classnames in CamelCase                                           |
+|    **[`importLoaders`](#importloaders)**    |      `{Number}`       |       `0`       | Number of loaders applied before CSS loader                              |
+| **[`exportOnlyLocals`](#exportonlylocals)** |      `{Boolean}`      |     `false`     | Export only locals                                                       |
 
 ### `url`
 
 Type: `Boolean|Function`
 Default: `true`
 
-Control `url()` resolving. Absolute urls are not resolving.
+Control `url()` resolving. Absolute URLs and root-relative URLs are not resolving.
 
 Examples resolutions:
 
@@ -466,7 +464,66 @@ module.exports = {
 };
 ```
 
+### `context`
+
+Type: `String`
+Default: `undefined`
+
+Allow to redefine basic loader context for local ident name.
+By default we use `rootContext` of loader.
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        loader: 'css-loader',
+        options: {
+          modules: true,
+          context: path.resolve(__dirname, 'context'),
+        },
+      },
+    ],
+  },
+};
+```
+
+### `hashPrefix`
+
+Type: `String`
+Default: `undefined`
+
+Allow to add custom hash to generate more unique classes.
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        loader: 'css-loader',
+        options: {
+          modules: true,
+          hashPrefix: 'hash',
+        },
+      },
+    ],
+  },
+};
+```
+
+### `getLocalIdent`
+
+Type: `Function`
+Default: `undefined`
+
 You can also specify the absolute path to your custom `getLocalIdent` function to generate classname based on a different schema.
+By default we use built-in function to generate a classname.
 
 **webpack.config.js**
 
@@ -479,9 +536,6 @@ module.exports = {
         loader: 'css-loader',
         options: {
           modules: true,
-          context: path.resolve(__dirname, 'context'), // Allow to redefine basic loader context for `local-ident-name`
-          hashPrefix: 'hash', // Allow to add custom hash to generate more unique classes
-          localIdentName: '[path][name]__[local]--[hash:base64:5]',
           getLocalIdent: (context, localIdentName, localName, options) => {
             return 'whatever_random_class_name';
           },
@@ -495,7 +549,7 @@ module.exports = {
 ### `sourceMap`
 
 Type: `Boolean`
-Default: `true`
+Default: `false`
 
 To include source maps set the `sourceMap` option.
 
@@ -659,7 +713,20 @@ module.exports = {
 ### Extract
 
 For production builds it's recommended to extract the CSS from your bundle being able to use parallel loading of CSS/JS resources later on.
-This can be achieved by using the [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin) to extract the CSS when running in production mode.
+
+- This can be achieved by using the [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin) to extract the CSS when running in production mode.
+
+- As an alternative, if seeking better development performance and css outputs that mimic production. [extract-css-chunks-webpack-plugin](https://github.com/faceyspacey/extract-css-chunks-webpack-plugin) offers a hot module reload friendly, extended version of mini-css-extract-plugin. HMR real CSS files in dev, works like mini-css in non-dev
+
+## Contributing
+
+Please take a moment to read our contributing guidelines if you haven't yet done so.
+
+[CONTRIBUTING](./.github/CONTRIBUTING.md)
+
+## License
+
+[MIT](./LICENSE)
 
 [npm]: https://img.shields.io/npm/v/css-loader.svg
 [npm-url]: https://npmjs.com/package/css-loader

package/dist/index.js

@@ -21,7 +21,7 @@ var _postcssModulesValues = _interopRequireDefault(require("postcss-modules-valu
 
 var _loaderUtils = require("loader-utils");
 
-var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
+var _normalizePath = _interopRequireDefault(require("normalize-path"));
 
 var _options = _interopRequireDefault(require("./options.json"));
 
@@ -48,13 +48,24 @@ function loader(content, map, meta) {
 
   if (sourceMap) {
     if (map) {
+      // Some loader emit source map as string
+      // Strip any JSON XSSI avoidance prefix from the string (as documented in the source maps specification), and then parse the string as JSON.
       if (typeof map === 'string') {
-        map = JSON.stringify(map);
+        map = JSON.parse(map.replace(/^\)]}'[^\n]*\n/, ''));
+      } // Source maps should use forward slash because it is URLs (https://github.com/mozilla/source-map/issues/91)
+      // We should normalize path because previous loaders like `sass-loader` using backslash when generate source map
+
+
+      if (map.file) {
+        map.file = (0, _normalizePath.default)(map.file);
+      }
+
+      if (map.sourceRoot) {
+        map.sourceRoot = (0, _normalizePath.default)(map.sourceRoot);
       }
 
       if (map.sources) {
-        map.sources = map.sources.map(source => source.replace(/\\/g, '/'));
-        map.sourceRoot = '';
+        map.sources = map.sources.map(source => (0, _normalizePath.default)(source));
       }
     }
   } else {
@@ -110,12 +121,10 @@ function loader(content, map, meta) {
 
   plugins.push((0, _plugins.icssParser)());
   (0, _postcss.default)(plugins).process(content, {
-    // we need a prefix to avoid path rewriting of PostCSS
-    from: `/css-loader!${(0, _loaderUtils.getRemainingRequest)(this).split('!').pop()}`,
+    from: (0, _loaderUtils.getRemainingRequest)(this).split('!').pop(),
     to: (0, _loaderUtils.getCurrentRequest)(this).split('!').pop(),
     map: options.sourceMap ? {
       prev: map,
-      sourcesContent: true,
       inline: false,
       annotation: false
     } : null
@@ -165,7 +174,7 @@ function loader(content, map, meta) {
       switch (options.camelCase) {
         case true:
           addEntry(key);
-          targetKey = (0, _camelCase.default)(key);
+          targetKey = (0, _utils.camelCase)(key);
 
           if (targetKey !== key) {
             addEntry(targetKey);
@@ -184,7 +193,7 @@ function loader(content, map, meta) {
           break;
 
         case 'only':
-          addEntry((0, _camelCase.default)(key));
+          addEntry((0, _utils.camelCase)(key));
           break;
 
         case 'dashesOnly':
@@ -230,32 +239,18 @@ function loader(content, map, meta) {
       } = message;
       const {
         url,
-        placeholder
+        placeholder,
+        needQuotes
       } = item; // Remove `#hash` and `?#hash` from `require`
 
       const [normalizedUrl, singleQuery, hashValue] = url.split(/(\?)?#/);
       const hash = singleQuery || hashValue ? `"${singleQuery ? '?' : ''}${hashValue ? `#${hashValue}` : ''}"` : '';
-      imports.push(`var ${placeholder} = urlEscape(require(${(0, _loaderUtils.stringifyRequest)(this, (0, _loaderUtils.urlToRequest)(normalizedUrl))})${hash ? ` + ${hash}` : ''});`);
+      imports.push(`var ${placeholder} = urlEscape(require(${(0, _loaderUtils.stringifyRequest)(this, (0, _loaderUtils.urlToRequest)(normalizedUrl))})${hash ? ` + ${hash}` : ''}${needQuotes ? ', true' : ''});`);
       cssAsString = cssAsString.replace(new RegExp(placeholder, 'g'), () => `" + ${placeholder} + "`);
     });
-    let newMap = result.map;
-
-    if (sourceMap && newMap) {
-      // Add a SourceMap
-      newMap = newMap.toJSON();
-
-      if (newMap.sources) {
-        newMap.sources = newMap.sources.map(source => source.split('!').pop().replace(/\\/g, '/'), this);
-        newMap.sourceRoot = '';
-      }
-
-      newMap.file = newMap.file.split('!').pop().replace(/\\/g, '/');
-      newMap = JSON.stringify(newMap);
-    }
-
     const runtimeCode = `exports = module.exports = require(${(0, _loaderUtils.stringifyRequest)(this, require.resolve('./runtime/api'))})(${!!sourceMap});\n`;
     const importCode = imports.length > 0 ? `// Imports\n${imports.join('\n')}\n\n` : '';
-    const moduleCode = `// Module\nexports.push([module.id, ${cssAsString}, ""${newMap ? `,${newMap}` : ''}]);\n\n`;
+    const moduleCode = `// Module\nexports.push([module.id, ${cssAsString}, ""${result.map ? `,${result.map}` : ''}]);\n\n`;
     const exportsCode = exports.length > 0 ? `// Exports\nexports.locals = {\n${exports.join(',\n')}\n};` : ''; // Embed runtime
 
     return callback(null, runtimeCode + importCode + moduleCode + exportsCode);

package/dist/options.json

@@ -52,7 +52,14 @@
       "type": "string"
     },
     "getLocalIdent": {
-      "instanceof": "Function"
+      "anyOf": [
+        {
+          "type": "boolean"
+        },
+        {
+          "instanceof": "Function"
+        }
+      ]
     },
     "sourceMap": {
       "type": "boolean"

package/dist/plugins/postcss-icss-parser.js

@@ -78,8 +78,12 @@ var _default = _postcss.default.plugin(pluginName, () => function process(css, r
   }); // Replace tokens in at-rules
 
   css.walkAtRules(atrule => {
-    // eslint-disable-next-line no-param-reassign
-    atrule.params = replaceImportsInString(atrule.params.toString());
+    // Due reusing `ast` from `postcss-loader` some plugins may lack
+    // `params` property, we need to account for this possibility
+    if (atrule.params) {
+      // eslint-disable-next-line no-param-reassign
+      atrule.params = replaceImportsInString(atrule.params.toString());
+    }
   }); // Replace tokens in export
 
   Object.keys(exports).forEach(exportName => {

package/dist/plugins/postcss-url-parser.js

@@ -12,40 +12,58 @@ var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser")
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const pluginName = 'postcss-url-parser';
+const isUrlFunc = /url/i;
+const isImageSetFunc = /^(?:-webkit-)?image-set$/i;
+const needParseDecl = /(?:url|(?:-webkit-)?image-set)\(/i;
 
-function getArg(nodes) {
-  return nodes.length !== 0 && nodes[0].type === 'string' ? nodes[0].value : _postcssValueParser.default.stringify(nodes);
+function getNodeFromUrlFunc(node) {
+  return node.nodes && node.nodes[0];
+}
+
+function getUrlFromUrlFunc(node) {
+  return node.nodes.length !== 0 && node.nodes[0].type === 'string' ? node.nodes[0].value : _postcssValueParser.default.stringify(node.nodes);
 }
 
 function walkUrls(parsed, callback) {
   parsed.walk(node => {
-    if (node.type !== 'function' || node.value.toLowerCase() !== 'url') {
+    if (node.type !== 'function') {
       return;
     }
-    /* eslint-disable */
 
+    if (isUrlFunc.test(node.value)) {
+      callback(getNodeFromUrlFunc(node), getUrlFromUrlFunc(node), false); // Do not traverse inside `url`
+      // eslint-disable-next-line consistent-return
+
+      return false;
+    }
 
-    node.before = '';
-    node.after = '';
-    /* eslint-enable */
+    if (isImageSetFunc.test(node.value)) {
+      node.nodes.forEach(nNode => {
+        if (nNode.type === 'function' && isUrlFunc.test(nNode.value)) {
+          callback(getNodeFromUrlFunc(nNode), getUrlFromUrlFunc(nNode), false);
+        }
 
-    callback(node, getArg(node.nodes)); // Do not traverse inside url
-    // eslint-disable-next-line consistent-return
+        if (nNode.type === 'string') {
+          callback(nNode, nNode.value, true);
+        }
+      }); // Do not traverse inside `image-set`
+      // eslint-disable-next-line consistent-return
 
-    return false;
+      return false;
+    }
   });
 }
 
 function walkDeclsWithUrl(css, result, filter) {
   const items = [];
   css.walkDecls(decl => {
-    if (!/url\(/i.test(decl.value)) {
+    if (!needParseDecl.test(decl.value)) {
       return;
     }
 
     const parsed = (0, _postcssValueParser.default)(decl.value);
     const urls = [];
-    walkUrls(parsed, (node, url) => {
+    walkUrls(parsed, (node, url, needQuotes) => {
       if (url.trim().replace(/\\[\r\n]/g, '').length === 0) {
         result.warn(`Unable to find uri in '${decl.toString()}'`, {
           node: decl
@@ -57,7 +75,10 @@ function walkDeclsWithUrl(css, result, filter) {
         return;
       }
 
-      urls.push(url);
+      urls.push({
+        url,
+        needQuotes
+      });
     });
 
     if (urls.length === 0) {
@@ -73,48 +94,62 @@ function walkDeclsWithUrl(css, result, filter) {
   return items;
 }
 
+function uniqWith(array, comparator) {
+  return array.reduce((acc, d) => !acc.some(item => comparator(d, item)) ? [...acc, d] : acc, []);
+}
+
 function flatten(array) {
-  return array.reduce((acc, d) => [...acc, ...d], []);
+  return array.reduce((a, b) => a.concat(b), []);
 }
 
-function uniq(array) {
-  return array.reduce((acc, d) => acc.indexOf(d) === -1 ? [...acc, d] : acc, []);
+function isEqual(value, other) {
+  return value.url === other.url && value.needQuotes === other.needQuotes;
 }
 
 var _default = _postcss.default.plugin(pluginName, (options = {}) => function process(css, result) {
   const traversed = walkDeclsWithUrl(css, result, options.filter);
-  const paths = uniq(flatten(traversed.map(item => item.urls)));
+  const paths = uniqWith(flatten(traversed.map(item => item.urls)), isEqual);
 
   if (paths.length === 0) {
     return;
   }
 
-  const urls = {};
+  const placeholders = [];
   paths.forEach((path, index) => {
     const placeholder = `___CSS_LOADER_URL___${index}___`;
-    urls[path] = placeholder;
+    const {
+      url,
+      needQuotes
+    } = path;
+    placeholders.push({
+      placeholder,
+      path
+    });
     result.messages.push({
       pluginName,
       type: 'url',
       item: {
-        url: path,
-        placeholder
+        url,
+        placeholder,
+        needQuotes
       }
     });
   });
   traversed.forEach(item => {
-    walkUrls(item.parsed, (node, url) => {
-      const value = urls[url];
+    walkUrls(item.parsed, (node, url, needQuotes) => {
+      const value = placeholders.find(placeholder => placeholder.path.url === url && placeholder.path.needQuotes === needQuotes);
 
       if (!value) {
         return;
-      } // eslint-disable-next-line no-param-reassign
+      }
+
+      const {
+        placeholder
+      } = value; // eslint-disable-next-line no-param-reassign
 
+      node.type = 'word'; // eslint-disable-next-line no-param-reassign
 
-      node.nodes = [{
-        type: 'word',
-        value
-      }];
+      node.value = placeholder;
     }); // eslint-disable-next-line no-param-reassign
 
     item.decl.value = item.parsed.toString();

package/dist/runtime/url-escape.js

@@ -1,6 +1,6 @@
 "use strict";
 
-module.exports = function escape(url) {
+module.exports = function escape(url, needQuotes) {
   if (typeof url !== 'string') {
     return url;
   } // If url is already wrapped in quotes, remove them
@@ -12,7 +12,7 @@ module.exports = function escape(url) {
   // See https://drafts.csswg.org/css-values-3/#urls
 
 
-  if (/["'() \t\n]/.test(url)) {
+  if (/["'() \t\n]/.test(url) || needQuotes) {
     return '"' + url.replace(/"/g, '\\"').replace(/\n/g, '\\n') + '"';
   }
 

package/dist/utils.js

@@ -5,12 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getImportPrefix = getImportPrefix;
 exports.getLocalIdent = getLocalIdent;
+exports.camelCase = camelCase;
 exports.dashesCamelCase = dashesCamelCase;
 exports.getFilter = getFilter;
 exports.placholderRegExps = void 0;
 
 var _path = _interopRequireDefault(require("path"));
 
+var _camelcase = _interopRequireDefault(require("camelcase"));
+
 var _loaderUtils = _interopRequireDefault(require("loader-utils"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -19,6 +22,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   MIT License http://www.opensource.org/licenses/mit-license.php
   Author Tobias Koppers @sokra
 */
+
+/* eslint-disable line-comment-position */
 const placholderRegExps = {
   importItemG: /___CSS_LOADER_IMPORT___([0-9]+)___/g,
   importItem: /___CSS_LOADER_IMPORT___([0-9]+)___/
@@ -35,10 +40,30 @@ function getImportPrefix(loaderContext, importLoaders) {
   return `-!${loadersRequest}!`;
 }
 
+function camelCase(str) {
+  return (0, _camelcase.default)(str);
+}
+
 function dashesCamelCase(str) {
   return str.replace(/-+(\w)/g, (match, firstLetter) => firstLetter.toUpperCase());
 }
 
+const whitespace = '[\\x20\\t\\r\\n\\f]';
+const unescapeRegExp = new RegExp(`\\\\([\\da-f]{1,6}${whitespace}?|(${whitespace})|.)`, 'ig');
+
+function unescape(str) {
+  return str.replace(unescapeRegExp, (_, escaped, escapedWhitespace) => {
+    const high = `0x${escaped}` - 0x10000; // NaN means non-codepoint
+    // Workaround erroneous numeric interpretation of +"0x"
+    // eslint-disable-next-line no-self-compare
+
+    return high !== high || escapedWhitespace ? escaped : high < 0 ? // BMP codepoint
+    String.fromCharCode(high + 0x10000) : // Supplemental Plane codepoint (surrogate pair)
+    // eslint-disable-next-line no-bitwise
+    String.fromCharCode(high >> 10 | 0xd800, high & 0x3ff | 0xdc00);
+  });
+}
+
 function getLocalIdent(loaderContext, localIdentName, localName, options) {
   if (!options.context) {
     // eslint-disable-next-line no-param-reassign
@@ -48,7 +73,7 @@ function getLocalIdent(loaderContext, localIdentName, localName, options) {
   const request = _path.default.relative(options.context, loaderContext.resourcePath).replace(/\\/g, '/'); // eslint-disable-next-line no-param-reassign
 
 
-  options.content = `${options.hashPrefix + request}+${localName}`; // eslint-disable-next-line no-param-reassign
+  options.content = `${options.hashPrefix + request}+${unescape(localName)}`; // eslint-disable-next-line no-param-reassign
 
   localIdentName = localIdentName.replace(/\[local\]/gi, localName);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-loader",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "description": "css loader module for webpack",
   "license": "MIT",
   "repository": "webpack-contrib/css-loader",
@@ -9,24 +9,28 @@
   "bugs": "https://github.com/webpack-contrib/css-loader/issues",
   "main": "dist/cjs.js",
   "engines": {
-    "node": ">= 6.9.0 <7.0.0 || >= 8.9.0"
+    "node": ">= 6.9.0"
   },
   "scripts": {
     "start": "npm run build -- -w",
+    "prebuild": "npm run clean",
     "build": "cross-env NODE_ENV=production babel src -d dist --ignore 'src/**/*.test.js' --copy-files",
     "clean": "del-cli dist",
+    "commitlint": "commitlint",
+    "commitmsg": "commitlint -e $GIT_PARAMS",
     "lint": "eslint --cache src test",
-    "prebuild": "npm run clean",
     "prepublish": "npm run build",
     "release": "standard-version",
     "security": "npm audit",
-    "test": "jest",
+    "test:only": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --collectCoverageFrom='src/**/*.js' --coverage",
+    "pretest": "npm run lint",
+    "test": "npm run test:only",
     "ci:lint": "npm run lint && npm run security",
-    "ci:lint:commits": "commitlint --from=${CIRCLE_BRANCH} --to=${CIRCLE_SHA1}",
-    "ci:test": "npm run test -- --runInBand",
+    "ci:test": "npm run test:only -- --runInBand",
     "ci:coverage": "npm run test:coverage -- --runInBand",
+    "ci:lint:commits": "commitlint --from=origin/master --to=${CIRCLE_SHA1}",
     "defaults": "webpack-defaults"
   },
   "files": [
@@ -38,13 +42,14 @@
     "webpack": "^4.0.0"
   },
   "dependencies": {
-    "icss-utils": "^4.0.0",
-    "loader-utils": "^1.0.2",
-    "lodash": "^4.17.11",
-    "postcss": "^7.0.6",
+    "icss-utils": "^4.1.0",
+    "loader-utils": "^1.2.3",
+    "camelcase": "^5.2.0",
+    "normalize-path": "^3.0.0",
+    "postcss": "^7.0.14",
     "postcss-modules-extract-imports": "^2.0.0",
-    "postcss-modules-local-by-default": "^2.0.2",
-    "postcss-modules-scope": "^2.0.0",
+    "postcss-modules-local-by-default": "^2.0.6",
+    "postcss-modules-scope": "^2.1.0",
     "postcss-modules-values": "^2.0.0",
     "postcss-value-parser": "^3.3.0",
     "schema-utils": "^1.0.0"
@@ -56,18 +61,18 @@
     "@babel/preset-env": "^7.1.6",
     "@commitlint/cli": "^7.2.1",
     "@commitlint/config-conventional": "^7.1.2",
+    "@webpack-contrib/defaults": "^3.0.0",
     "@webpack-contrib/eslint-config-webpack": "^3.0.0",
-    "babel-core": "^7.0.0-bridge.0",
-    "babel-jest": "^23.6.0",
+    "babel-jest": "^24.1.0",
     "cross-env": "^5.2.0",
-    "del": "^3.0.0",
+    "del": "^4.0.0",
     "del-cli": "^1.1.0",
     "eslint": "^5.9.0",
     "eslint-plugin-import": "^2.14.0",
     "eslint-plugin-prettier": "^3.0.0",
-    "file-loader": "^2.0.0",
+    "file-loader": "^3.0.1",
     "husky": "^1.2.0",
-    "jest": "^23.6.0",
+    "jest": "^24.1.0",
     "lint-staged": "^8.1.0",
     "memory-fs": "^0.4.1",
     "postcss-loader": "^3.0.0",
@@ -75,10 +80,9 @@
     "prettier": "^1.15.2",
     "sass": "^1.15.1",
     "sass-loader": "^7.1.0",
-    "standard-version": "^4.0.0",
+    "standard-version": "^5.0.0",
     "strip-ansi": "^5.0.0",
-    "webpack": "^4.26.1",
-    "webpack-defaults": "^2.3.0"
+    "webpack": "^4.26.1"
   },
   "keywords": [
     "webpack",
@@ -115,5 +119,10 @@
     "extends": [
       "@commitlint/config-conventional"
     ]
+  },
+  "prettier": {
+    "singleQuote": true,
+    "trailingComma": "es5",
+    "arrowParens": "always"
   }
 }