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" }],
      }),
    ],
  },
};
相关推荐
ivygeek几秒前
LangChain4j系列:QueryTransformer 让大模型更理解用户意图
前端·aigc·ai编程
逍遥运德几秒前
前端工程化-包管理NPM-package.json 和 package-lock.json 详解
前端·前端框架·node.js
Moment1 分钟前
拆包的艺术:Webpack SplitChunksPlugin 执行流程全流程揭秘 🤩🤩🤩
前端·javascript·webpack
0xJohnsoy3 分钟前
Javascript中的函数柯里化
前端
那小孩儿3 分钟前
最简单的new Date()展示,也能做优化
前端·javascript·性能优化
pink大呲花5 分钟前
Vue.js 中 v-if 的使用及其原理
前端·javascript·vue.js
叶小秋6 分钟前
Next.js + Tailwind CSS 移动端适配方案
前端·next.js
北京_宏哥7 分钟前
🔥PC端自动化测试实战教程-4-pywinauto 操作PC端应用程序窗口 - 上篇(详细教程)
前端·python·测试
北京_宏哥9 分钟前
🔥PC端自动化测试实战教程-3-pywinauto 启动PC端应用程序 - 下篇(详细教程)
前端·windows·python
cc蒲公英25 分钟前
uniapp http URL方式访问本地电脑目录文件html
uni-app