需求
我们在进行Vue-cli开发的时候,会经常运行一个命令就是npm run build
或者是yarn run build
,运行的结果通常是在dist文件夹生成生产环境的文件。但是我们通常在这个命令之后还要执行一些其他命令,比如上传到测试服务器中,或者其他什么本地操作。这时候怎么办?
一个办法是修改npm run dev(或build)本身执行的文件,但是怎么修改呢,很多人就不知道,其实本人也不知道,哈哈,但是真的不推荐去修改它执行的文件,因为这是一种入侵式的修改。我的做法,很简单。
修改package.json
你的项目的package.json会有一行类似于"build:prod": "vue-cli-service build",
的键值对,这是说,只要执行yarn run build:prod
就能生成dist文件,而且它本质执行的是vue-cli-service build
。那么vue-cli-service build
是什么意思?可以搜索引擎搜索vue-cli-service
了解,但是了解完了可能你依然不知道yarn run build:prod
到底调用了什么文件,没关系,现在,你就把:
"build:prod": "vue-cli-service build",
改成:
"build:prod": "vue-cli-service build && node D:/xxx/ooo.js",
就行了,也就是执行完前面的命令,再执行一条node D:/xxx/ooo.js
。所以现在的事情就是搞定这个ooo.js。
ooo.js
ooo.js是啥?就是你自己写的追加命令。
你可以随便新建一个文件夹,yarn add xxoo
安装几个包,然后再弄个ooo.js,调用几个包,来几句node.js的语句就OK了。
什么?只会JS,不知道node.js语句怎么写?那就是另外的事了。你需要去学习一下子node.js的基础知识,也不难。
结语
其实node D:/xxx/ooo.js
你可以换成DOS命令(或Linux命令)也是可以的,如果你对DOS比较门清的话,就写个D:/xxx/ooo.bat
,剩下就是编写bat的事了。
网友评论