diff --git a/spec/basic.spec.js b/spec/basic.spec.js
index b2685667..afcf3614 100644
--- a/spec/basic.spec.js
+++ b/spec/basic.spec.js
@@ -3798,4 +3798,32 @@ describe("HtmlWebpackPlugin", () => {
       done,
     );
   });
+
+  it("allow you to use custom HTML tag attributes in templates", (done) => {
+    testHtmlPlugin(
+      {
+        mode: "production",
+        entry: path.join(__dirname, "fixtures/index.js"),
+        output: {
+          path: OUTPUT_DIR,
+          filename: "index_bundle.js",
+        },
+        plugins: [
+          new HtmlWebpackPlugin({
+            template: path.join(__dirname, "fixtures/template.ejs"),
+            baseHref: "/",
+            minify: false,
+            appMountIds: ["react-app", "portal-root"],
+            favicon: path.join(__dirname, "fixtures/favicon.ico"),
+            inject: false,
+          }),
+        ],
+      },
+      [
+        /<script src="index_bundle.js" type="text\/javascript" nonce="NONCE"><\/script>/,
+      ],
+      null,
+      done,
+    );
+  });
 });
diff --git a/spec/fixtures/template.ejs b/spec/fixtures/template.ejs
new file mode 100644
index 00000000..cba7ba00
--- /dev/null
+++ b/spec/fixtures/template.ejs
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head></head>
+  <body>
+    <div id="react-app"></div>
+    <% for (item of htmlWebpackPlugin.files.js) { %>
+      <% if (typeof item === 'string' || item instanceof String) {
+        item = { src: item, type: 'text/javascript' }
+      } %>
+      <script<% for (key in item) { %> <%= key %>="<%= item[key] %>"<% } %> nonce="NONCE"></script>
+    <% } %>
+  </body>
+</html>
