fix: support `__webpack_nonce__` for CSS chunks

lib/css/CssLoadingRuntimeModule.js

@@ -114,6 +114,11 @@ class CssLoadingRuntimeModule extends RuntimeModule {
 
 		const code = Template.asString([
 			"link = document.createElement('link');",
+			`if (${RuntimeGlobals.scriptNonce}) {`,
+			Template.indent(
+				`link.setAttribute("nonce", ${RuntimeGlobals.scriptNonce});`
+			),
+			"}",
 			uniqueName
 				? 'link.setAttribute("data-webpack", uniqueName + ":" + key);'
 				: "",

test/configCases/web/nonce/chunk.css

@@ -0,0 +1,3 @@
+.class {
+	color: red;
+}

test/configCases/web/nonce/chunk.js

@@ -0,0 +1 @@
+function test() {}

test/configCases/web/nonce/index.js

@@ -3,3 +3,25 @@ import "./nonce";
 it("should set nonce", () => {
 	expect(__webpack_nonce__).toBe("nonce");
 });
+
+it("should set nonce attributes", () => {
+	import(/* webpackChunkName: "chunk-js" */ "./chunk.js");
+
+	expect(document.head._children).toHaveLength(1);
+
+	const script = document.head._children[0];
+
+	expect(script._type).toBe("script");
+	expect(script.getAttribute("nonce")).toBe("nonce");
+	expect(script.src).toBe("https://example.com/chunk-js.js");
+
+	import(/* webpackChunkName: "chunk-css" */ "./chunk.css");
+
+	expect(document.head._children).toHaveLength(2);
+
+	const link = document.head._children[1];
+
+	expect(link._type).toBe("link");
+	expect(link.getAttribute("nonce")).toBe("nonce");
+	expect(link.href).toBe("https://example.com/chunk-css.css");
+});

test/configCases/web/nonce/nonce.js

@@ -1 +1,2 @@
 __webpack_nonce__ = "nonce";
+__webpack_public_path__ = "https://example.com/";

test/configCases/web/nonce/webpack.config.js

@@ -2,6 +2,14 @@ const webpack = require("../../../../");
 /** @type {import("../../../../").Configuration} */
 module.exports = {
 	target: "web",
+	output: {
+		publicPath: "",
+		filename: "bundle0.mjs",
+		chunkFilename: "[name].js"
+	},
+	experiments: {
+		css: true
+	},
 	// plugin that intercepts __webpack_require__
 	plugins: [new webpack.HotModuleReplacementPlugin()]
 };