Laravel Vuetify-附加所有css内联

我正在尝试在我的laravel项目中使用Vue。 并为该项目导入vuetify

但它将所有css内联添加到项目中

我的app.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 />"
});

下面是代码自身编译的方式：

如何在blabla.css文件上使用vuetify代码

删除app.js中的vuetify.min.css

然后像这样在app.scs中移动它

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

---

在blabla.css中使用vuetify代码是什么意思？我只想在一个文件中编译所有css，而不是内联html。

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