vite.config.dev.js

import {defineConfig,build} from 'vite'
import * as fs from 'fs/promises';
import * as path from 'path';
import basicSsl from '@vitejs/plugin-basic-ssl'

const outDir = 'dist-dev'

const moduleConfig={
    mode: 'development',
    assetsInclude:'**/*.html',
    base:'./',
    plugins:[
        basicSsl()
    ],
    build: {
        outDir: outDir,
        emptyOutDir:false,
        sourcemap:'inline' ,
        lib: {
            fileName:"[name]",
            entry:'index.js',
            formats:['es']
        },
        rollupOptions:{
            external:(id)=>(id==='three'||id.includes('three/examples/jsm/')||id.includes('three/addons/')),
            input:{
                'mindar-image': './src/image-target/index.js',
                'mindar-image-three': './src/image-target/three.js',
                'mindar-face': './src/face-target/index.js',
                'mindar-face-three': './src/face-target/three.js',
            }
        },
    },
    resolve:{
        alias:{
            'three/addons/':'three/examples/jsm/'
        }
    }
};
const faceAframeConfig=defineConfig({
    mode: 'development',
    build: {
        outDir: outDir,
        emptyOutDir:false,
        sourcemap:'inline' ,
        minify: false,
        lib: {
            name:"MINDAR",
            fileName:"[name]",
            entry:'index.js',
            formats:['iife']
        },
        rollupOptions:{
            input:{
                'mindar-face-aframe': './src/face-target/aframe.js',
            },
           
        }
    }
})
/** @type {import('vite').UserConfig} */
const imageAframeConfig=defineConfig({
    mode: 'development',
    build: {
        outDir: outDir,
        emptyOutDir:false,
        sourcemap:'inline' ,
        minify: false,
        lib: {
            name:"MINDAR",
            fileName:"[name]",
            entry:'index.js',
            formats:['iife'],

        },
        rollupOptions:{
            input:{
                'mindar-image-aframe': './src/image-target/aframe.js'
            }
        }
    }
})

export default defineConfig(async ({ command, mode }) => {
    await fs.rm(outDir,{recursive:true,force:true});
    if (command === 'build') {
        await build(imageAframeConfig);
        await build(faceAframeConfig);
        const files=await fs.readdir(outDir);
        //rename the aframe builds
        await Promise.all(files.map(async (filename)=>{
            if(filename.includes(".iife.js")){
                const newName=filename.replace(".iife.js",".js");
                console.log(filename,"->",newName)
                await fs.rename(path.join(outDir,filename),path.join(outDir,newName));
            }
        }));
    }
    return moduleConfig
  })