vue cli 项目打包产生两份文件？

Question

项目中用到几个视频文件，我将他放在public文件夹中，但是执行build后产生了两份视频文件


我也只在一个地方引用

我知道public文件夹中的文件会被直接复制一份到根目录，另一份应该就是使用了require.context产生的？
请问怎么获取文件名而不产生副本呢？

Answer 1

所以你直接放到 /src/assets/ 目录下不就好了吗……

也可以在修改 vue.config.js 文件，在构建时期获取视频列表收集文件名，最后把文件名列表放到环境变量当中使用。

Answer 2

public下的文件直接访问就行了：/media/xxxxxxx.mp4

个人不建议将静态资源放进src/assets目录去构建，随着项目的迭代，编译会越来越卡

Answer 3

文件直接放在 /public 里就行，然后写一个 node脚本，脚本取读文件名写入到一个 .js 文件里，每次start或者build之前跑脚本重写这个 js 就行了