vite 复制文件或文件夹到dist 目录

有时在项目build时希望将一些资源文件或文件夹复制到dist文件夹下的配置和方法。

 

安装 

npm install rollup-plugin-copy

 

在vite.config.js文件中导入

import copyPlugin from 'rollup-plugin-copy'

1、

 build: {
    terserOptions: {
      compress: {
        drop_console: true, // 生产环境移除console
      },
    },
    emptyOutDir: false, // 将此配置项设为false即可
    rollupOptions: {
      plugins: [
        copyPlugin({
          targets: [{ src: 'node_modules/cesium/Build/Cesium/*', dest: 'dist/Cesium' }],
        }),
      ],
    },
    outDir: 'dist',
    assetsDir: 'assets',
  },

2、

build: {
    terserOptions: {
      compress: {
        drop_console: true, // 生产环境移除console
      },
    },
    rollupOptions: {
      plugins: [
        copyPlugin({
          targets: [{ src: 'node_modules/cesium/Build/Cesium/*', dest: 'public/Cesium' }], // 将文件复制到 public 目录下, vite会自动复制到dist目录
        }),
      ],
    },
    outDir: 'dist',
    assetsDir: 'assets',
  },

3、直接手动复制

 

其它方法暂时不清楚