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/'),   // 目标文件夹}, ]}),],},