0
点赞
收藏
分享

微信扫一扫

npm script工作流(九) 文件变化时自动运行

天际孤狼 2021-09-28 阅读 72
技术

主要内容


单元测试自动化 --watch

mocha 本身支持 --watch

     "test": "cross-env NODE_ENV=test mocha tests/",
+    "watch:test": "npm t -- --watch",
     "cover": "node scripts/cover.js",

代码检查自动化

stylelinteslintjsonlint 不全支持 watch 模式,这里我们需要借助 onchange 工具包来实现,onchange 可以方便的让我们在文件被修改、添加、删除时运行需要的命令。

  • 安装项目依赖
npm i onchange -D
# npm install onchange --save-dev
# yarn add onchange -D
  • 添加 npm script (添加 watch:lintwatch
+    "watch": "npm-run-all --parallel watch:*",
+    "watch:lint": "onchange -i \"**/*.js\" \"**/*.less\" -- npm run lint",
     "watch:test": "npm t -- --watch",
  • watch:lint 里面的文件匹配模式可以使用通配符,但是模式两边使用了转义的双引号,这样是跨平台兼容的;
  • watch:lint 里面的 -i 参数是让 onchange 在启动时就运行一次 -- 之后的命令,即代码没变化的时候,变化前后的对比大多数时候还是有价值的;
  • watch 命令实际上是使用了 npm-run-all 来运行所有的 watch 子命令;
举报

相关推荐

0 条评论