eslint-plugin-sme

- sme/no-iconfont 禁止使用 iconfont 的图标格式

安装

1. 安装 eslint:

``sh
npm i eslint --save-dev
`

2. 安装 eslint-plugin-sme:

`sh
npm install eslint-plugin-sme --save-dev
`

使用

将sme添加到.eslintrc配置文件的extends部分:

`json
{
"extends": ["plugin:sme/recommended"]
}
`
插件中的默认的推荐配置
`json
"recommended": {
"plugins": ["sme"],
"parserOptions": {
"ecmaFeatures": {
"jsx": true,
},
},
"rules": {
"sme/no-iconfont": "error",
},
}
`

然后在规则部分下配置您想要使用的规则。
|参数|说明|默认值|
|--|--|--|
|fontFamily|检测已使用字体的className（fontFamily）匹配|iconfont|
|componentName|工程中自定义的icon组件的名称|Icon|
|pathPrefix|自动修复时导入的import路径的前缀（文件路径）|src/icon|
|fixImportFileName|自动修复时的自定义文件名|index.js|
|customFullImportPath|自定义import的导入的路径，例如使用了alias后直接使用import Icon from '@/icon'|''|


简洁配置：
`json
{
"rules": {
"sme/rule-name": 2
}
}
`

自定义配置：
`json
{
"rules": {
"sme/rule-name": [2, {
"fontFamily": "ide-confont",
"componentName": "selfIcon",
"pathPrefix": "src/component/icon",
"fixImportFileName": "index.js",
"customFullImportPath": "@/icon",
}]
}
}

``