美文网首页
怎样在npm run dev(或build)之后追加命令?

怎样在npm run dev(或build)之后追加命令?

作者: microkof | 来源:发表于2019-07-30 02:16 被阅读0次

    需求

    我们在进行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的事了。

    相关文章

      网友评论

          本文标题:怎样在npm run dev(或build)之后追加命令?

          本文链接:https://www.haomeiwen.com/subject/uevwrctx.html