September
23rd,
2017
Install stylelint 及相关
npm i stylelint -D
npm i stylelint-processor-html -D
npm i stylelint-config-standard -D
配置stylelint
在根目录下新建文件 .stylelintrc 并添加以下内容
{
"processors": ["stylelint-processor-html"],
"extends": "stylelint-config-standard",
"rules": {
// 自定义规则
}
}
添加 script
在 package.json 添加以下内容
"scripts": {
"lint:css": "stylelint '**/*.vue' --syntax scss"
}
此时终端运行 npm run lint:css 即可。
添加pre-commit
npm install --save-dev lint-staged husky
更新 package.json
{
"scripts": {
"precommit": "lint-staged"
},
"lint-staged": {
"**/*.vue": ["stylelint --syntax scss", "git add"]
}
}
PS:
WIN7 如有提示： lint-staged不是内部或外部命令，也不是可运行的程序。
请执行 npm i pre-commit, 后将.git/hooks 中的 pre-commit.old 内容复制到 pre-commit.
WIN10 下若提示 '**/*.vue' does not match any files
请按照以下方式修改
"scripts": {
"lint:css": "stylelint **/*.vue"
}
相关文档：
Enjoy it!