web工程构建
web工程相关
WebEpoch
前端工程师
展开
-
结合git在提交代码前进行eslint检测
背景:管理团队代码规范,需要对团队成员提交的代码进行校验。结合git在提交代码前进行检测,前提是你已经安装了eslint,并且对规则有了一定的配置。GitHub地址https://github.com/okonet/lint-staged使用 lint-staged插件npx mrm@2 lint-staged安装后会有两个包husky (起到git拦截作用,类似于拦截器)lint-staged (commit之前拿到暂存区的代码进行代码检测)会多一条命令“prepare”: “husky i原创 2022-07-08 18:53:27 · 1878 阅读 · 1 评论 -
vue项目实现git提交前进行commit规范校验
背景:因团队代码提交不规范,所以需要对git提交的信息经行校验,也可以方便生成change log。安装项目根新建配置文件commitlint.config.js注意:使用 commitlint 时报错:commitlint.config.js:1 SyntaxError: Invalid or unexpected token原来是因为用 echo “module.exports = {extends: [‘@commitlint/config-conventional’]}” > commi原创 2022-07-08 18:30:36 · 1248 阅读 · 0 评论 -
vue eslint报错还能编译成功(检测不到eslin错误,不会把eslint错误输出到浏览器中)
vue2项目由vue-cli创建,eslint检测出错误及警告,但是不会终止编译,不会把错误输出在浏览器中,在此之前eslint已经开启,配置一切正常。下图是正常情况,会终止编译,并把错误输出在浏览器中。检查eslin以及cli插件的版本,初步判单是因为版本问题导致。下面给出我升级后的版本,切记没必要升级到最新版本“@vue/cli-plugin-babel”: “^3.11.0” 升级=>“@vue/cli-plugin-babel”: “^4.1.1” ,“@vue/cli-plugin-e原创 2022-07-07 18:28:00 · 1530 阅读 · 0 评论