Roots Discourse

Sage 10 importing css from node_moduels

Hello,

I’m trying to include a css file from node_modules to my styles. Everything works great in development mode after I run
yarn start
my external.scss file looks like this: https://i.imgur.com/5VoZliF.png
but when I try and run yarn build:production then only @font-face and @keyframes parts from that css file gets into my app.css file … like this

The file I’m including: https://github.com/sachinchoolur/lightgallery.js/blob/master/dist/css/lightgallery.css

This is the only part of included file that gets into my app.css file after yarn buld:production: https://i.imgur.com/aEEoPwL.png ( minified file formated so you can see the important part comfortably)

Any ideas what is wrong?
BTW: yarn build output is fine, it includes all the file

This sounds like a PurgeCSS issue. When you run a production build, PurgeCSS removes css selectors that it doesn’t find in your HTML. I’d read the PurgeCSS documentation to find the best approach for your situation: https://purgecss.com/