feat: css support crossorigin (#50)

Support cross-origin for style

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Enhanced stylesheet and script loading with configurable cross-origin
settings.
- Added support for dynamically setting `crossorigin` attribute for
external resources.
- **Tests**
- Expanded test coverage to verify the inclusion of the `crossorigin`
attribute in generated HTML for styles and scripts.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: shiluo.dwt <[email protected]>

lib/assets_context.js

@@ -26,7 +26,10 @@ class Assets {
 
   getStyle(entry) {
     entry = entry || this.entryCss;
-    return linkTpl({ url: this.getURL(entry) });
+    return linkTpl({
+      url: this.getURL(entry),
+      crossorigin: this.crossorigin,
+    });
   }
 
   getScript(entry) {
@@ -84,8 +87,8 @@ class Assets {
 
 module.exports = Assets;
 
-function linkTpl({ url }) {
-  return `<link rel="stylesheet" href="${url}" />`;
+function linkTpl({ url, crossorigin }) {
+  return crossorigin ? `<link rel="stylesheet" href="${url}" crossorigin="anonymous" />` : `<link rel="stylesheet" href="${url}" />`;
 }
 
 function scriptTpl({ url, crossorigin }) {

test/assets.test.js

@@ -554,6 +554,8 @@ describe('test/assets.test.js', () => {
       const ctx = app.mockContext();
       ctx.helper.assets.setEntry('index.js');
       const script = ctx.helper.assets.getScript();
+      const style = ctx.helper.assets.getStyle();
+      assert(style.includes('crossorigin'));
       assert(script.includes('crossorigin'));
     });
   });