Prefix hashes with underscores based on CSS spec

According to the CSS spec, identifiers cannot start with a digit, two hyphens, or a hyphen followed by a digit.
webpack-contrib · Sep 2, 2016 · da27c07 · da27c07
1 parent 278d6cc
commit da27c07
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/lib/getLocalIdent.js b/lib/getLocalIdent.js
@@ -12,5 +12,5 @@ module.exports = function getLocalIdent(loaderContext, localIdentName, localName
 	options.content = options.hashPrefix + request + "+" + localName;
 	localIdentName = localIdentName.replace(/\[local\]/gi, localName);
 	var hash = loaderUtils.interpolateName(loaderContext, localIdentName, options);
-	return hash.replace(new RegExp("[^a-zA-Z0-9\\-_\u00A0-\uFFFF]", "g"), "-").replace(/^([^a-zA-Z_])/, "_$1");
+	return hash.replace(new RegExp("[^a-zA-Z0-9\\-_\u00A0-\uFFFF]", "g"), "-").replace(/^((-?[0-9])|--)/, "_$1");
 };
diff --git a/test/localTest.js b/test/localTest.js
@@ -202,4 +202,19 @@ describe("local", function() {
 	], {
 		"bar": "bar--58a3b08b9195a6af0de7431eaf3427c7"
 	}, "?modules&localIdentName=[local]--[hash]&hashPrefix=x");
+	testLocal("prefixes leading digit with underscore", ":local(.test) { background: red; }", [
+		[1, "._1test { background: red; }", ""]
+	], {
+		test: "_1test"
+	}, "?localIdentName=1[local]");
+	testLocal("prefixes leading hyphen + digit with underscore", ":local(.test) { background: red; }", [
+		[1, "._-1test { background: red; }", ""]
+	], {
+		test: "_-1test"
+	}, "?localIdentName=-1[local]");
+	testLocal("prefixes two leading hyphens with underscore", ":local(.test) { background: red; }", [
+		[1, "._--test { background: red; }", ""]
+	], {
+		test: "_--test"
+	}, "?localIdentName=--[local]");
 });