import style.css/scss in App.js?

[muhrusdi]

can i import style.css/scss in App.js file?

[alidcast]

Are you using Razzle?

I haven't tried this personally (I use css-in-js) but I don't see why it wouldn't work since razzle does support this

does it not work when you try it?

[muhrusdi]

its work in development, but not work in production, the file (bundle.xxx.css) is not loaded in browser.

[alidcast]

ahh yea there needs to be to a way to inject the assets tags

e.g.

const assets = require(process.env.RAZZLE_ASSETS_MANIFEST);

new Rogue(App, { headTags: [`<link rel="stylesheet" href=${assets.client.css} />`] })

something like this will need to be added

[muhrusdi]

undefined css in assets variable, just js.

and i add link tag in the file App.js, because there is no headTags in the rouge api

[alidcast]

yeah doing it via getInitialProps is a good temporary workaround

hmm is it undefined in production? just check if it exists first before setting it

also just remembered loadable-components (for code splitting) only supports css-in-js (gregberge/loadable-components#94), so now that Rogue is independent of build setup we might have to also support another library for doing this

[muhrusdi]

thanks

[alidcast]

So to confirm, adding headTag works?

[muhrusdi]

yes its work, the file css is loaded in prod , undfined in dev. but why this way does not work const rogue = new Rogue(App, { headTags: [${css}], bundleUrl: bundleUrl})

[alidcast]

opened another issue to remind myself to implement it soon