Hi i'm try to use vuetify with jetstream. I tried your extension but when apply .vuetify('vuetify-loader') some css from tailwind will not work. Is there anyway to fix this ?
My webpack.mix.js
const mix = require('laravel-mix');
require('vuetifyjs-mix-extension');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel applications. By default, we are compiling the CSS
| file for the application as well as bundling up all the JS files.
|
*/
mix.js('resources/js/app.js', 'public/js')
.vuetify('vuetify-loader')
.postCss('resources/css/app.css', 'public/css', [
require('postcss-import'),
require('tailwindcss'),
require('autoprefixer'),
])
.webpackConfig(require('./webpack.config'));
if (mix.inProduction()) {
mix.version();
}
So basically you are using two css frameworks together, I have not tried your setup but I am guessing it's something related to css class names collisions. I will try this when I have time.
Hi i'm try to use vuetify with jetstream. I tried your extension but when apply .vuetify('vuetify-loader') some css from tailwind will not work. Is there anyway to fix this ? My webpack.mix.js
Dep
Screen error