topic Re: How to defer linked CSS in CMS Development

How to defer linked CSS

ashu125 — Tue, 05 Jul 2022 06:22:20 GMT

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

KSchuller — Tue, 05 Jul 2022 10:13:23 GMT

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 — Wed, 06 Jul 2022 05:56:06 GMT

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

KSchuller — Wed, 06 Jul 2022 08:58:51 GMT

@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 — Wed, 06 Jul 2022 10:48:12 GMT

Yeah, I can do that. Thanks a lot