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" }],
      }),
    ],
  },
};
相关推荐
龙在天3 分钟前
vue 请求接口快慢 覆盖 解决方案
前端
跟橙姐学代码20 分钟前
Python 类的正确打开方式:从新手到进阶的第一步
前端·python·ipython
Jagger_20 分钟前
SonarQube:提升代码质量的前后端解决方案
前端·后端·ai编程
Becauseofyou13724 分钟前
如果你刚入门Three.js,这几个开源项目值得你去学习
前端·three.js
菜市口的跳脚长颌24 分钟前
前端大文件上传全攻略(秒传、分片上传、断点续传、并发控制、进度展示)
前端
不一样的少年_26 分钟前
同事以为要重写,我8行代码让 Vue 2 公共组件跑进 Vue 3
前端·javascript·vue.js
云枫晖34 分钟前
JS核心知识-数据转换
前端·javascript
xuyanzhuqing34 分钟前
代码共享方案-多仓库合并单仓库
前端
RaidenLiu36 分钟前
Riverpod 3:重建控制的实践与性能优化指南
前端·flutter
学习中的小胖子36 分钟前
React的闭包陷阱
前端