用shelljs完成前端布置自动化

一、场景

在前端开辟过程当中,你一定常常运用到以劣等敕令:

npm run build
git add .
git commit -m 'commit'
git push 

本人在用vue-cli写我的个人博客时,将其布置到coding pages上。不必github pages的缘由地道是因为慢。。。每一次布置,都要将上面的敕令敲一遍,着实令我很痛楚。假如能用一条敕令实行以上一切使命,那就爽多了。

话不多说,说干就干。

二、Shelljs

这个库能够让我们在js文件中实行shell敕令,详细能够看文档

装置

npm install [-g] shelljs 

有两种运用体式格局,一种是全局形式(对应全局装置),一种是部分形式。看下面的运用案例就晓得二者区分。

三、运用

在根目次下新建文件shell.js,内容以下:

//部分形式
var shell = require('shelljs');
//全局形式下,就不需要用shell开首了。
//require('shelljs/global');

if (shell.exec('npm run build').code !== 0) {//实行npm run build 敕令
  shell.echo('Error: Git commit failed');
  shell.exit(1);
}

//因为我的用别的一个堆栈寄存dist目次,所以这里要将文件增量复制到目的目次。并切换到对应目次。
shell.cp ('-r', './dist/*', '../../Rychou');
shell.cd('../../Rychou');

shell.exec('git add .');
shell.exec("git commit -m 'autocommit'")
shell.exec('git push')

这时候在根目次下实行node shell.js就能够了

这里只是最简朴的运用案例。

四、再让它更轻易些

package.json中到场:

"script":{
+    "push":"node ./shell.js"
}

在根目次下实行npm run push就搞定了。

参考链接:
Shelljs

    原文作者:xxxsimons
    原文地址: https://segmentfault.com/a/1190000016054416
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞