vite-plugin-static-copy

rollup-plugin-copy for vite with dev server support.

Note Before you use this plugin, consider using public directory or import in JavaScript. In most cases, these will work.

Install

npm i -D vite-plugin-static-copy # yarn add -D vite-plugin-static-copy

Usage

Add viteStaticCopy plugin to vite.config.js / vite.config.ts.

// vite.config.js / vite.config.ts
import { viteStaticCopy } from 'vite-plugin-static-copy'

export default {
  plugins: [
    viteStaticCopy({
      targets: [
        {
          src: 'bin/example.wasm',
          dest: 'wasm-files'
        }
      ]
    })
  ]
}

For example, if you use the config above, you will be able to fetch bin/example.wasm with fetch('/wasm-files/example.wasm').

Warning If you are using Windows, make sure to use normalizePath after doing path.resolve or else. / is a escape charactor in fast-glob and you should use /.

import { normalizePath } from 'vite'
import path from 'node:path'

normalizePath(path.resolve(__dirname, './foo'))

// instead of
path.resolve(__dirname, './foo')

See fast-glob documentation about this for more details.

Options

See options.ts.

Differences with rollup-plugin-copy

• dest is limited inside build.outDir.
• fast-glob is used instead of globby.
  • Because fast-glob is used inside vite.