vite-plugin-public-outdir

Change where public files are copied to in a build.

Installation

npm i vite-plugin-public-outdir --save-dev

Usage

// vite.config.js
import publicOutDir from 'vite-plugin-public-outdir';
import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [
    publicOutDir("public"), // copies public files to "dist/public" instead of "dist"
  ]
});

Instead of your public files being copied directly into outDir, they are now copied to outDir/publicOutDir in a build.

Example with bundled assets and public files

export default defineConfig({
  build: {
    assetsDir: "public/assets",
  },
  plugins: [
    bundleScripts({
      publicOutDir: "public",
    })]
});

Would create this directory tree:

dist/
├── index.js
└── public/
    ├── favicon.ico
    ├── robots.txt
    └── assets/
        └── image-Jx1-xSXfF.webp