I’m trying to understand how Aurelia CLI configures webpack in regards to CSS.
I created a project using Babel, Webpack and SASS with maximum minification.
In my main.js file, I do the following
import './styles/app.scss' import 'toastr/build/toaster.min.css'
In this case, I wind up with all my application css (from my sass files) being compiled into my .js files and the css for toastr being compiled into a [some hash name].css file.
The problem I run into is that my .css isn’t loaded until my .js is loaded which means I can’t rely on any .css for my default “Loading” screen. No biggie, but I’m curious how others handle this? Is there a way to get the toastr.css to bundle in with the rest of my compiles css? Is there a reason .scss gets compiled into the .js files rather than into separate .css files?
Thanks for your help.