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" }],
      }),
    ],
  },
};
相关推荐
大大大大小小几秒前
问卷调查系统Two-Step-Kmeans-前端后端搭建完成
前端·算法·kmeans
m0_zj28 分钟前
CSS整体回顾
前端·css·css3
沉默的煎蛋38 分钟前
Java 中接口和抽象类的异同
java·开发语言·前端·css·tomcat·html5
Ellen翔2 小时前
npx tailwindcss init报错npm error could not determine executable to run
前端·npm·node.js
飞翔的佩奇3 小时前
Java项目: 基于SpringBoot+mybatis+maven+mysql实现的健身房管理系统(含源码+数据库+毕业论文)
java·数据库·spring boot·mysql·vue·毕业设计·健身房
m0_zj4 小时前
19.[前端开发]Day19-王者荣项目耀实战(二)
前端·css·chrome·html·html5
engchina4 小时前
React中为每个列表项显示多个DOM节点的解决方案
前端·javascript·react.js
scorpion_V6 小时前
vue3 + ElementPlus 封装列表表格组件包含分页
前端·javascript·vue.js
prince_zxill6 小时前
Vue.js 的介绍与组件开发初步
前端·javascript·vue.js·前端框架
正宗咸豆花7 小时前
【PromptCoder + Bolt.new】Cascade模式自动生成页面和对应的路由
前端·人工智能·ai·prompt·提示词