Стили Vuetify не работают с Tailwind - PullRequest
Новая
       51

Стили Vuetify не работают с Tailwind

0 голосов
/ 26 мая 2020

Сначала я установил Tailwind CSS, а затем в середине своего проекта решил попробовать Vuetify. После установки с помощью vuetify-loader vuetify работает нормально, но стиль НЕ работает. Например, анимация кнопки при нажатии работает, но цвет кнопки вместо синего становится серым.

Но когда я пишу vue компонент с 

<template>
<v-app>
...
</v-app>
</template>

Есть идеи, как я могу их разделить?

Некоторая информация: 

        "tailwindcss": "^1.4.5",
        "vuetify": "^2.2.29",
        "vuetify-loader": "^1.4.3",

стили Vuetify работают, но не стили попутного ветра

файл webpack.mix 

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js');
mix.postCss('resources/css/main.css', 'public/css', [
    require('tailwindcss'),
])

const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')

var webpackConfig = {
    plugins: [
        new VuetifyLoaderPlugin()
    ]
}
mix.webpackConfig(webpackConfig)

src / plugins / vuetify. js

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

const opts = {}

export default new Vuetify(opts)

приложение js

import vuetify from './vuetify'
const app = new Vue({
el: '#app',
store,
vuetify,
...