Laravel Vuetify - добавляет все css встроенный

Question

Я пытаюсь использовать Vue в моем laravel проекте. И импортируйте vuetify для этого проекта.

Но он добавляет все css встроенные в проект.

Мое приложение. js - это avobe:

window.Vue = require('vue');

//import Vuetify from 'vuetify'
import VueRouter from 'vue-router'
import {store} from './store/store'

import vuetify from './plugins/vuetify' // path to vuetify export
import 'vuetify/dist/vuetify.min.css' // Ensure you are using css-loader



import Master from './Master'
import router from './router'

Vue.use(VueRouter)


Vue.config.productionTip = false;
router.beforeEach((to, from, next) => {
    if(to.matched.some(record => record.meta.requiresAuth)){
        if(store.getters.loggedIn){
            next()
        }else{
            next({name: 'login'})
        }
    }else{
        if(store.getters.loggedIn){
            next({name: 'dashboard'})
        }else{
            next()
        }
    }

})
// use the plugin

const app = new Vue({
    el: '#app',
    router: router,
    store: store,
    vuetify,
    components: {Master},
    template: "<Master />"
});

My webpack.mix. js:

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

А вот как код сам компилируется:

Как я могу использовать vuetify коды в файле "blabla. css"?

Answer 1

удалите ваш vuetify.min.css из вашего приложения. js

и переместите его в ваше приложение.s css вот так

@import '~vuetify/dist/vuetify.min.css';