前端开发,不仅仅是代码的编写,同时也有更多的自动化值得我们去学习,现在以一个实际场景的应用为例。简单的了解下自动化处理
在项目处于前后端半分离状态的的时候,意思就是我们生成的打包文件交付给后端的同学,最终部署在服务器上,往往需要我们将这些打包的文件放在固定的文件目录,提交到git或者是svn。
通常的做法是分别复制文件到指定的文件夹,为了减少这些不必要的操作,我们可以通过编写自动化的脚本实现
首先在项目根目录创建shell脚本check.sh。
# 在命令行窗口输出hello world
echo "hello word"
# 将package.json的内容复制到C:/Users/guosa/Desktop/test/新建文本文档.txt
cat ./package.json > C:/Users/guosa/Desktop/test/新建文本文档.txt
# 将src目录 复制到 C:/Users/guosa/Desktop/test/新建文件夹
cp -rvf ./src/ C:/Users/guosa/Desktop/test/新建文件夹
然后再package.json中script设置"runshell": "sh check.sh",运行npm runshell shell脚本中的执行内容会展示出来。有效的对减少我们重复操作的次数。
其实除了上面这个应用,还有很多其他的,譬如对于上传之前文件修改的检查、eslint的检查等。
下面的代码实现对于git提交过程中文件更改的diff,同时eslint
list=`git diff --name-only src`
if [[ $list ]]; then
echo "[change list]"
echo "$list"
eslint --fix --ext .js,.vue $list