写在前面
在实际项目开展过程中作为一名开发人员，你是不是只负责编写业务代码通过git 或者 svn提交代码而已呢？如果仅仅如此那可能你就不需要操心上线包是如何打包给运维部署的了。我知道每个公司的项目实际情况有所不同分工也不同，有些项目甚至已经完善了自动打包部署的自动化流程了。温馨提示 「这篇文章原创只是结合项目实际情况，不一定适合其他项目使用」#前端学习圈#
这篇文章是我结合自己项目中的一个实际案例，跟大家来分享下 一个用uniapp + h5 + vue 写的项目是如何定制化打包的吧。
为什么会考虑node+ zip-local +colors-console + dayjs这样的打包方案？
常规的打包流程如下：
可能有项目经验的朋友都知道,如果用HBuilderX打包的h5项目文件,都会被打进unpackage/dist/build/h5 文件夹里面文件层级嵌套太多了，容易找错了。
uniapp是支持差异化打包的项目，常规的h5项目是可以直接上传服务器部署的，webpack并不是这种项目标配，但是由于项目的定制化要求和出于对安全性的考量需要把上线代码包提供出来单独提供给运维。这时候我就想到了node的知识 再结合 zip-local 一个初步的打包技术方案就成型了。「fs + path + zip-local + colors-console + dayjs」
小结
为了让分享更有实操性，我考虑将内容分为几篇文章进行编写，
第一部分先更新到这，如果你感兴趣不妨在下面留言互动。