umi增加lint校验，fix代码

最新推荐文章于 2024-07-19 14:51:14 发布

julyi24

最新推荐文章于 2024-07-19 14:51:14 发布

阅读量2.4k

点赞数

本文链接：https://blog.csdn.net/u012765966/article/details/114277157

版权

本文介绍了如何在umi项目中添加lint校验，并通过npm脚本自动修复代码问题，包括在script中新增指令，配置lint-staged以及创建.stylelintrc.js文件。

摘要由CSDN通过智能技术生成

umi生成项目时自带添加了lint相关npm包

1.增加script中指令

"lint": "umi g tmp && npm run lint:js && npm run lint:style && npm run lint:prettier",
    "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx ",
    "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src && npm run lint:style",
    "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src",
    "lint:prettier": "prettier --check \"src/**/*\" --end-of-line auto",
    "lint:style": "stylelint --fix \"src/**/*.less\" --syntax less",
    "prettier": "prettier -c --write \"src/**/*\"",
    "precommit": "lint-staged",
    "precommit:fix": "npm run lint:fix && npm run prettier && npm run lint:prettier && npm run lint:style"

2.lint-staged部分：