feat(html): improve template parameters

Author: LingyuCoder

crates/rspack_plugin_html/src/plugin.rs

@@ -11,8 +11,8 @@ use rayon::prelude::*;
 use rspack_core::{
   parse_to_url,
   rspack_sources::{RawSource, SourceExt},
-  Compilation, CompilationAsset, CompilationProcessAssets, FilenameTemplate, Mode, PathData,
-  Plugin,
+  Compilation, CompilationAsset, CompilationProcessAssets, CrossOriginLoading, FilenameTemplate,
+  Mode, PathData, Plugin,
 };
 use rspack_dojang::dojang::{Dojang, DojangOptions};
 use rspack_dojang::Operand;
@@ -335,7 +335,10 @@ async fn process_assets(&self, compilation: &mut Compilation) -> Result<()> {
         },
         "output": {
           "publicPath": config.get_public_path(compilation, &self.config.filename),
-          "crossOriginLoading": format!("{}", compilation.options.output.cross_origin_loading),
+          "crossOriginLoading": match &compilation.options.output.cross_origin_loading {
+              CrossOriginLoading::Disable => "false",
+              CrossOriginLoading::Enable(value) => value,
+          },
         }
       },
     }),

packages/rspack-test-tools/tests/configCases/builtins/html-template-parameters/index.html

@@ -18,6 +18,7 @@
   <div>styles: "<% for style in htmlRspackPlugin.files.css { %><%= style %><% } %>"</div>
   <div>config title: "<%= htmlRspackPlugin.options.title %>"</div>
   <div>rspack config publicpath: "<%= rspackConfig.output.publicPath %>"</div>
+  <div>rspack config cross origin loading: "<%= rspackConfig.output.crossOriginLoading %>"</div>
   <div>rspack config mode: "<%= rspackConfig.mode %>"</div>
 </body>
 

packages/rspack-test-tools/tests/configCases/builtins/html-template-parameters/index.js

@@ -47,4 +47,8 @@ it("should inject rspackConfig.mode", () => {
 
 it("should inject rspackConfig.output.publicPath", () => {
 	expect(htmlContent).toContain(`rspack config publicpath: "http://cdn.com/"`);
+});
+
+it("should inject rspackConfig.output.crossOriginLoading", () => {
+	expect(htmlContent).toContain(`rspack config cross origin loading: "anonymous"`);
 });

packages/rspack-test-tools/tests/configCases/builtins/html-template-parameters/rspack.config.js

@@ -4,7 +4,8 @@ const { CssExtractRspackPlugin, HtmlRspackPlugin } = rspack;
 /** @type {import("@rspack/core").Configuration} */
 module.exports = {
 	output: {
-		publicPath: "http://cdn.com/"
+		publicPath: "http://cdn.com/",
+		crossOriginLoading: "anonymous"
 	},
 	module: {
 		rules: [