Vue项目构建时，如何实现自动生成基于时间戳的压缩文件命名？

本文共计837个文字，预计阅读时间需要4分钟。

目录 + Vue-Cli 3.0 项目配置 + build 压缩包 + Vue-Cli 2.0 项目配置 + build 压缩包 + 其他 + 在打包发布 Vue 前端项目时，每次都需要手动压缩 dist 文件夹，然后以时间命名，最后部署到 web 容器中，过程较为繁琐。

目录

• Vue-Cli 3.0+项目配置build压缩包
• Vue-Cli 2.0 项目配置build压缩包
• 其他

在打包发布Vue前端项目时，每次都需要手动压缩dist文件夹，然后以时间命名，然后部署到web容器中，过程比较繁琐。

而且不同的人员打包，命名规则也不一样，这就导致服务器上一堆压缩包文件，排序查找不方便。

这里查阅了相关资料，并且亲自测试了Vue项目在npm run build打包时，自动打出时间命名的压缩包。

Vue项目build出压缩包，主要依赖于filemanager-webpack-plugin插件。Vue-cli2.0和3.0+的配置方式不一样，接下来针对两种方式创建的Vue项目如何配置打包进行说明。