Integration Critical CSS.

[OurDevGit]

Hi, there?
We built the theme using Shopify packer and needed to integrate Critical CSS with the theme.

We tried with critical-css-webpack-plugin package but still have some issues.

So if you have any experiences in this, please help us.

• Where I have to add webpack configration? (dev.config.js ? or packer.config.js? or prod.config.js? )
• Which options we should put and what is it ? (src and target? )
• If you have anyother experiences, please let me know what is the webpack critical package.

Hope hear from you soon.

Thanks.

[mrpacman101]

If anyone has a working solution or suggestions - we would highly appreciate it, how this would be implemented with packer.

[hayes0724]

@OurDevGit @mrpacman101 I'm looking into adding recipes and plugins for easy modification. For now you can make any edits by overriding the dev and prod webpack configs.

I don't have much experience with critical-css-webpack-plugin but the files you would need to edit are:

dev.config.js
Dev config

prod.config.js
Production config

Uses webpack-merge