Hi OP and thank you for such a quick reply!
Indeed, I tried your repo from scratch and it worked then I redo from scratch on my side, and the problem was that I was keeping an @import "./phoenix.css statement at the top of my global.css file.
If I remove that statement and for example either import it from the JS side (like we already did on main.js like so import "../css/global.css" or simply by copy/pasting its content.
Do you know if it's possible with Rollup to @import CSS files within CSS files?
I'll probably need this anyway because of other library having those kind of @import?
Hi OP and thank you for such a quick reply!
Indeed, I tried your repo from scratch and it worked then I redo from scratch on my side, and the problem was that I was keeping an
@import "./phoenix.css
statement at the top of myglobal.css
file.If I remove that statement and for example either import it from the JS side (like we already did on
main.js
like soimport "../css/global.css"
or simply by copy/pasting its content.Do you know if it's possible with Rollup to
@import
CSS files within CSS files?I'll probably need this anyway because of other library having those kind of
@import
?Again thank you for taking the time to answer..
Happy to help :)
Try importing
phoenix.css
insidemain.js
:Alternatively, postcss-import might do it, though I haven't tried it myself.