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" }],
      }),
    ],
  },
};
相关推荐
用户94688315057508 分钟前
四、elpis 基于 vue3 完成动态组件库建设
前端
用户2986985301410 分钟前
如何在 JavaScript 和 React 中下载/导出 Excel 文件
前端·javascript·react.js
anyup19 分钟前
uView Pro 正式支持 MCP 协议!让 AI 秒懂你的组件库
前端·uni-app·ai编程
Coffeeee26 分钟前
从 Android 15 到 Android 17,谷歌猝不及防的音频改动
android·前端·google
雪隐33 分钟前
用Flutter做背单词APP-00前言
前端·人工智能·后端
何时梦醒34 分钟前
前端存储全攻略 & JavaScript this 绑定完全指南
前端·javascript·面试
前端百草阁38 分钟前
JavaScript 设计模式(23 种)
开发语言·前端·javascript·设计模式
用户693717500138443 分钟前
AI 领域的 Harness,到底是什么意思?
android·前端·后端
spider_xcxc1 小时前
Redis 深度实践:安全管控、性能压测与持久化分析(二)
运维·前端·redis·云计算·bootstrap·运维开发
乘风gg1 小时前
代码都已经让 AI 写了,为什么有些人却更慌了?
前端·ai编程·claude