How to defer linked CSS

[ashu125]

Hi there, can someone please tell me how to defer a CSS file that's linked to a Template.

[ashu125 · Accepted solution]

But the problem is that I am not requiring the css file, I am injecting the css to a template

 

[KSchuller]

Refer to this https://developers.hubspot.com/docs/cms/hubl/functions#require-css you will see there you can async a CSS file in the following way:

{{ require_css(get_asset_url("./style.css"), { async: true }) }}

[ashu125 · Accepted solution]

But the problem is that I am not requiring the css file, I am injecting the css to a template

 

[KSchuller · Accepted solution]

@ashu125 you can simply unlink the css file there and then include it in the markup.

If you want more control over linked files you will need to HubSpot CLI and edit the module's meta.json file and use css_render_options -- you can find more details here https://developers.hubspot.com/docs/cms/building-blocks/modules/files

[ashu125]

Yeah, I can do that. Thanks a lot