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

Vite实现方案

安装插件

1. npm i vite-plugin-static-copy

复制代码

在vite.config.ts引入

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

复制代码

配置

1.     plugins: [
2.         viteStaticCopy({
3.             targets: [
4.                 {
5.                     src: "要设置的静态文件目录的相对路径 相对于vite.config.ts的",
6.                     dest: './', // 不用动
7.                 },
8.             ],
9.         }),
10.     ],

复制代码

打包实验

Webpack实现方案

利用 插件

1. npm i copy-webpack-plugin

复制代码

vue.config.js 引入

1. const CopyWebpackPlugin = require('copy-webpack-plugin');
4.   configureWebpack: {
5.     plugins: [
6.       new CopyWebpackPlugin({patterns:[
7.         {
8.           from: path.resolve(__dirname, '../static'), // 要复制的文件夹
9.           to: path.resolve(__dirname, 'dist/'),   // 目标文件夹
10.         },
11.       ]}),
12.     ],
13.   },

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。