shogo4131 / vite-multiple-assets

npm package

vite-multiple-assets

vite-multiple-assets support vite to run with multiple directory public directory.

Feature

• No copy file when run dev, help with no impact on performance when launching apps with vite
• Support automatically copy files when running build

Quick setup would be in the vite.config.js:

• Default with vite's configuration you can only use 1 publicDir in vite.config.ts

export default defineConfig({
    // default is public folder
    publicDir:''
})

• With this plugin you can add multiple public folders

install

npm i -D vite-multiple-assets

In vite.config.ts

import DynamicPublicDirectory from "vite-multiple-assets";
// same level as project root
const dirAssets=["libs/assets","repo1/assets",...];
export default defineConfig({
    plugins: [
        DynamicPublicDirectory(dirAssets)
    ]
})

• With the above configuration will automatically add files in public, libs/assets, repo1/assets folders as static assets for your project, which can be understood as below:

export default defineConfig({
   // default is public folder
   publicDir:["public","libs/assets","repo1/assets",...]
 })

Example

Detail