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" }],
      }),
    ],
  },
};
相关推荐
我只会写Bug啊1 小时前
Vue文件预览终极方案:PNG/EXCEL/PDF/DOCX/OFD等10+格式一键渲染,开源即用!
前端·vue.js·pdf·excel·预览
shykevin2 小时前
uni-app x开发商城系统,联系我们,地图显示,拨打电话
uni-app
扯蛋4382 小时前
LangChain的学习之路( 一 )
前端·langchain·mcp
Mr.Jessy3 小时前
Web APIs学习第一天:获取 DOM 对象
开发语言·前端·javascript·学习·html
ConardLi4 小时前
Easy Dataset 已经突破 11.5K Star,这次又带来多项功能更新!
前端·javascript·后端
冴羽4 小时前
10 个被严重低估的 JS 特性,直接少写 500 行代码
前端·javascript·性能优化
rising start4 小时前
四、CSS选择器(续)和三大特性
前端·css
一 乐4 小时前
高校后勤报修系统|物业管理|基于SprinBoot+vue的高校后勤报修系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·毕设
爱喝水的小周4 小时前
《UniApp 页面配置文件pages.json》
前端·uni-app·json
mapbar_front4 小时前
React中useContext的基本使用和原理解析
前端·react.js