一篇關於如何禁用 ESLint 規則的快速教程
您的工具可能會自動設置no-debugger
和no-console
規則,但您可以做些什麼來禁用它們呢?
在開發模式中,瀏覽器調試工具和Console API的訪問是必不可少的,雖然在生產代碼中可能有正當的理由禁用它們。
您可以通過添加如下幾行代碼來禁用一個或多個特定的ESLint規則:
/* eslint-disable no-debugger, no-console */
console.log('test')
或者您可以在一個區塊中禁用它,在之後重新啟用:
/* eslint-disable no-debugger, no-console */
console.log('test')
/* eslint-enable no-alert, no-console */
或者您可以在特定的行中禁用該規則:
console.log('test') // eslint-disable-line no-console
debugger // eslint-disable-line no-debugger
alert('test') // eslint-disable-line no-alert
另一種方法是在項目全局禁用該規則。
在package.json
中,您可以找到eslintConfig
規則,裡面可能已經有一些內容,像這樣:
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
在這裡,您可以禁用您想禁用的規則:
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
],
"rules": {
"no-unused-vars": "off"
}
},