最近在开发过程中遇到一个小需求。我需要根据需求动态配置一些静态数据，但是又不想直接导入这个静态文件。构建时会将数据打包到js文件中，导致js文件很大；呃呃。...（ps：就是想给自己找个坑）回头看项目，果断在根目录下创建一个static/test.json文件，在目标页面下fetch(""../static/test.json").then(res=>res.json()).then(res=>{//获取数据}).catch(err=>{//分析错误或获取数据失败})ok，就这么简单，运行一下看看效果（很有信心）；现实给了我一个大嘴巴；他居然去catcherror，打开浏览器查看结果status是200，fetch请求没有问题，那么可能是json文件的路径有问题，它不想让我找，2000多年后。.........我发现我构建之后，打包的项目中没有test.json文件，因为我使用的是vue-cli3.x构建的项目，这个静态文件没有引用是不会被打包走的，所以我真的觉得只有一个，不是人家在玩捉迷藏，是我根本没带他们玩。于是终于来了正文（不好意思，前戏多）：我要打包带走static下的所有静态文件。想到安装完成后在vue.config.js文件中配置copy-webpack-plugin。//引入constCopyWebpackPlugin=require("copy-webpack-plugin")//引入插件module.exports={configureWebpack:{plugins:[newCopyWebpackPlugin({patterns:[{from:"./static",to:'static'}]})]}}ok，就这么简单，运行一下看看效果（还是很有信心）：完美~以上就是这个问题的整体解决方案；如有不足之处，欢迎高手指点；
