-
-
Notifications
You must be signed in to change notification settings - Fork 6.9k
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
[Bug Report] vuetify-loader changes order of CSS during build #7933
Comments
You need see the order of the imports , for example: I had problem with the footer , my imports was: import Sidebar from '@/components/organisms/Sidebar.vue';
import Toolbar from '@/components/organisms/Toolbar.vue';
import Footer from '@/components/organisms/Footer.vue'; The styles of AppBard (extends of Sheet) replace the Footer , I solved: import Sidebar from '@/components/organisms/Sidebar.vue';
import Footer from '@/components/organisms/Footer.vue';
import Toolbar from '@/components/organisms/Toolbar.vue'; |
This does not work, because the components identified by veautify-loader inject themselves after all other loaded CSS. |
The example is broken, can you create a new example of the problem for help? |
will do |
Is there any solution for this? After a build css files has at first vuetify css and then my component styles. How can I keep order or change that after build that vuetify styles will be last in css file ?
Vue cfg has extract: true |
This is still an issue, anyone can shed some light on workaround? thanks! |
Im also facing this issue with my project. Development build (
|
Versions and Environment
Vuetify: 1.5.16
Vue: 2.6.10
Browsers: Chrome 75.0.3770.142
OS: Windows 10, Linux
Steps to reproduce
Add any other source of CSS
Expected Behavior
Vuetify should add their CSS before other CSS or at least allow to define where the vuetify-loader places the components.
Actual Behavior
Vuetify places their auto-discovered components always last, making it impossible to naturally override CSS.
Reproduction Link
Not sure if I am able to reproduce this, becasue codesandbox always runs in dev mode.
The problem is that dev mode and prod are looking different.
https://codesandbox.io/s/codesandbox-nuxt-q2ogg
Related links:
https://stackoverflow.com/questions/56665934/nuxt-vuetify-how-to-control-the-order-in-which-css-files-are-loaded
https://stackoverflow.com/questions/43574567/order-of-imported-css-file-in-component-vuejs
The text was updated successfully, but these errors were encountered: