-
-
Notifications
You must be signed in to change notification settings - Fork 426
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
CSS incorrect order #318
Comments
I'm pretty confident that the sass-loader is not changing the order. We have a lot of tests for that. Please remove every other loader and try to remove as much code as possible while the error still occurs. This will help to track down the problem. |
/**
* a comment
*/
$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
@import "~bootstrap-sass/assets/stylesheets/bootstrap/_print.scss";
@import "~bootstrap/dist/css/bootstrap.min.css"; output:
Definitely an issue, probably not in sass-loader. |
@callumacrae Did you ever solve why the order is not right? As far as I can tell it has to do with the style-loader and the way in which it inserts CSS into the header. However, I think that due to the nature of lazy loading imports, there's really not a good way to specify an order. |
Yeah it was user error - it was one of my Vue modules being required first and adding bootstrap again. Wasn't a problem in this. |
Hello!
I have the following section in my main SCSS file:
In my output CSS, I'm getting them in the following order:
This is pretty critical: build tools shouldn't be changing the order of CSS!
Any idea how I can fix this?
The text was updated successfully, but these errors were encountered: