vue/uniapp项目把public下的静态资源打包进dist目录

vue-cli包装的uniapp项目,需要把public下的静态资源打包进dist目录下 , 如下图所示

解决方法:

  1. 安装依赖:yarn add copy-webpack-plugin -D;
  2. 根路径新建vue.config.js文件

vue.config.js配置如下:

javascript 复制代码
const CopyPlugin = require("copy-webpack-plugin");

module.exports = {
  configureWebpack: {
    plugins: [
      new CopyPlugin({
        patterns: [{ from: "public/protocols", to: "protocols" }],
      }),
    ],
  },
};
相关推荐
快手技术2 分钟前
快手广告系统全面迈入生成式推荐时代!GR4AD:从Token到Revenue的全链路重构
前端·后端
前端Hardy3 分钟前
大厂都在偷偷用的 Cursor Rules 封装!告别重复 Prompt,AI 编程效率翻倍
前端·javascript·面试
kyriewen4 分钟前
Vite:比Webpack快100倍的“闪电侠”,原理竟然这么简单?
前端·javascript·vite
竹林8184 分钟前
RainbowKit快速集成多链钱包连接:从“连不上”到丝滑切换的踩坑实录
前端·javascript
小小小小宇17 分钟前
前端看go并发
前端
前端Hardy25 分钟前
Cursor Rules 完全指南(2026 最新版)
前端·javascript·面试
程序员陆业聪26 分钟前
微前端状态管理的真相:Module Federation + 跨应用通信实战
前端
牛奶38 分钟前
浏览器是怎么把代码变成页面的?
前端·javascript·chrome
flytam40 分钟前
Claude Agent SDK 深度入门指南
前端·aigc·agent
weixin199701080161 小时前
《电天下商品详情页前端性能优化实战》
前端·性能优化