Building Tailwind Css As Public Site And Vuetify As Admin Dashboard

I'm trying to build a site with tailwind css and vuetify with separate javascript with app.js for the main site and admin.js for the admin dashboard to reduce size. I'm using larav

Solution 1:

I managed to solve the problem based on this github issue. I just need to add entry to my css file in webpack config, like this:

.webpackConfig({
    entry: {
        main: ['./resources/css/app.css']
    },
    output: {
        chunkFilename: 'js/[name].js',
    },
    resolve: {
        alias: {
            ziggy: path.resolve('vendor/tightenco/ziggy/src/js/route.js'),
        },
    },
});