vue项目中怎么将bulid后的文件夹自动打包，MD5文件并重命名？

Question

"build": "vue-cli-service build"后会生成dist文件夹，但是每次发布需要将它打包成 .zip压缩文件并且需要给这个zip文件生成一个MD5码并重新命名，请问怎么让它build后自动生成？

Answer 1

我一般是用jenkins进行CI、CD
大致思路就是执行shell：

#! /bin/sh

# 生成md5码
TIME_STAMP=$(date +%s)
MD5_CODE=${TIME_STAMP}|md5sum|cut -d ' ' -f1

# 拉取依赖
npm install&&

# 打包
rm -rf dist&&
npm run build&&

# 压缩
cd ./dist&&
# tar -zcvf ${MD5_CODE}.tar.gz *
zip –q –r ${MD5_CODE}.zip *

Answer 2

可以参考filemanager-webpack-plugin

Answer 3

给你一个思路：

新建文件publish.sh

在文件中写入

#!/usr/bin/env sh

#打包
npm run build 

#压缩成zip（我试用winrar举例，具体看你自己的压缩工具）
WinRAR a -r -ep1 -df 压缩包保存路径 被压缩的文件（夹）路径

#生成MD5
md5sum dist.zip>dist.md5

#重命名
mv dist.zip 你想要的的名字

然后执行 sh publish.sh

以上为思路，没有实际操作

Answer 4

可以新增一些命令通过npm-run-all执行多条命令
zip.js 就在npmjs.org中找压缩裤编写压缩逻辑
md5.js 就根据zip文件生成对应的md5码

{
    "scripts": {
        "publish": "npm-run-all build zip md5",
        "zip": "node zip.js",
        "md5": "node md5.js"
    }
}

ps: 这只是为了不使用shell