- 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",
}]
}
}
``