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 分钟前
别再背“var 提升,let/const 不提升”了:揭开暂时性死区的真实面目
前端·面试
Lkstar6 分钟前
我把Vue2响应式源码从头到尾啃了一遍,这是整理笔记
vue.js
lar_slw32 分钟前
k8s部署前端项目
前端·容器·kubernetes
拉拉肥_King1 小时前
Ant Design Table 横向滚动条神秘消失?我是如何一步步找到真凶的
前端·javascript
GreenTea1 小时前
DeepSeek-V4 技术报告深度分析:基础研究创新全景
前端·人工智能·后端
河阿里2 小时前
HTML5标准完全教学手册
前端·html·html5
吴声子夜歌2 小时前
Vue3——新语法
前端·javascript·vue.js
jiayong232 小时前
第 36 课:任务详情抽屉快捷改状态
开发语言·前端·javascript·vue.js·学习
FFF_634560232 小时前
通用 vue 页面 js 下载任何文件的方法
开发语言·前端·javascript
阿奇__2 小时前
uniapp支付宝 H5 开发踩坑,hash模式下取参要规范!
开发语言·uni-app