0

this is something that I used to do in gulp and webpack but I'm not able to achieve this on vite.

I have different themes in different folders like

resources/
    themes/
         theme1/
              js/
              css/
         theme2/
              js/
              css/

I'm trying to build files in their separate folders based on theme name like this should be the output

public/
     build/
         theme1/
         theme2/

I've tried to follow a lot of forums but couldn't get the code to work. I also tried using vitemulti builder but there must be something I'm missing. This is my code

export default defineConfig({
    resolve: {
        alias: {
            'resources/themes/default/sass/app.scss': '/resources/themes/default/css/app.css',
        },
    },
    plugins: [
        vue(),
        laravel({
            input: [
                'resources/themes/theme1/sass/app.scss',
                'resources/themes/theme1/js/app.js',
                'resources/themes/theme2/sass/app.scss',
                'resources/themes/theme2/js/app.js',
            ],
            refresh: true,
        }),

        /*viteMultiBundler({
            file_versioning: true,
            js: [
                {
                    filename: "theme1",
                    entryPoints: ['resources/themes/theme1/js/app.js'],
                },
                {
                    filename: "theme2",
                    entryPoints: ['resources/themes/theme2/js/app.js'],
                }
            ],
            sass: [
                {
                    filename: "theme1",
                    entryPoints: ['resources/themes/theme1/sass/app.scss'],
                },
                {
                    filename: "theme2",
                    entryPoints: ['resources/themes/theme2/sass/app.scss'],
                }
            ]
        }),*/
    ],
});

Can anyone  help me achieve the desired output?

Ali Rasheed
  • 2,765
  • 2
  • 18
  • 31

0 Answers0