項目團隊成員希望能夠禁用某些 JS 依賴。比如有團隊成員希望使用 lodash 而將這個巨大的依賴引入項目，導致項目整體過分臃腫。團隊成員應當使用 lodash-es 來避免這種情況。那么 ESLint 就提供了一個名為 no-restricted-imports 規則，這個規則就是統一規范在項目中禁止使用的依賴。

使用方法

完整配置規則

假設我們不希望在項目中引入 lodash，那么配置規則：

rules: {  'no-restricted-imports': [    'error',    {      paths: [{        name: 'lodash',        message: '不要使用 lodash，請使用 lodash-es 作為替代'      }]    }  ]}

如果有團隊成員試圖引入 lodash 這個依賴

import _ from 'lodash'

那么就會報錯，并提示 message 信息

不需要顯示提示信息

如果不需要顯示任何提示信息，那么 message 可以被省略，寫法如下：

'no-restricted-imports': ['error', 'lodash', 'underscore']

使用 gitignore-style 寫法

'no-restricted-imports': ['error', {  patterns: ['lodash-es/*']}]

如果違反規則會出現以下報錯信息：

參考

https://eslint.org/docs/rules/no-restricted-imports

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。