如何使用较长的svg路径满足eslint最大行长规则？

Question

eslint的最大行长设置为120，但是我有一个svg，并且其路径大于120，我该怎么做才能满足max-line-length？

<path d="M47.2388, 12.45 ...................."/>

Answer 1

"max-len": ["error", {"ignoreTemplateLiterals": true, "ignoreStrings": true}]

或

ESLint-plugin-React

Answer 2

接受的答案是错误的，路径的“ d”属性不是“模板文字”，因此ignoreTemplateLiterals毫无意义。

以同样的方式，ignoreStrings至少在我的vue项目中不起作用。

对我来说最好的解决方案是像这样使用 ignorePattern ：

ignorePattern: 'd="([\\s\\S]*?)"'

您始终可以查看文档：{​​{3}}

Answer 3

如果您使用 VueJs，我必须在规则中添加以下代码以忽略作用域 css 中 SVG url 的 max-len。

'max-len': ['off', {
  code: 100,
  ignoreUrls: true,
}],