首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用 lint-staged和husky 自动检查微信小程序代码

在团队中,代码风格统一是十分重要的,虽然我们有 eslint[1]和 stylelint[2]等工具帮我们检查代码,但总有人以各种理由不检查。不过我们可以在提交代码时使用 git hook 来强制检查。

husky[3]可以将 eslint 等检查命令,植入到 git hook,让你在提交代码时自动检查代码,但是每次提交代码,我们不是修改了所有代码,所以我们没必要检查所有代码。使用 git 的 staged 特性,我们可以把修改过的文件拿出来,给 eslint 检查,lint-staged[4]就是这样一个工具。

先看一下 npm script 配置:

我们先定义了两个 lint-js, lint-css 两个检查脚本,在我们执行 的时候,git hook 会调用 precommit 中的 lint-staged 命令,把修改过的在缓存区的文件拿出来,交给 lint-js、 lint-css 检查。当检查通过时 commit 成功,检查失败时输出错误,阻止提交。

这样我们就可以在提交代码的时候,阻止风格不一致的代码了。

如果我们需要检查所有代码,也可以执行 , 查看所有代码是否能通过检查。

https://github.com/eslint/eslint

https://github.com/stylelint/stylelint

https://github.com/typicode/husky

https://github.com/okonet/lint-staged

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180129G0RPMR00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券