Vue项目如何设置多个静态文件；如何自定义静态文件目录

Vite实现方案

安装插件

npm i vite-plugin-static-copy

在vite.config.ts引入

import { viteStaticCopy } from 'vite-plugin-static-copy'

配置

    plugins: [
        viteStaticCopy({
            targets: [
                {
                    src: "要设置的静态文件目录的相对路径 相对于vite.config.ts的", 
                    dest: './', // 不用动
                },
            ],
        }),
    ],

打包尝试

Webpack实现方案

使用 插件

npm i copy-webpack-plugin

vue.config.js 引入

const CopyWebpackPlugin = require('copy-webpack-plugin'); 


  configureWebpack: { 
    plugins: [ 
      new CopyWebpackPlugin({patterns:[
        {
          from: path.resolve(__dirname, '../static'), // 要复制的文件夹
          to: path.resolve(__dirname, 'dist/'),   // 目标文件夹
        }, 
      ]}),
    ],
  },