使用 ESLint 禁止專案匯入特定模組

2021-09-12 15:09:56 字數 853 閱讀 6325

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

假設我們不希望在專案中引入 lodash,那麼配置規則:

rules: ]}]

}

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

import _ from 'lodash'

那麼就會報錯,並提示 message 資訊

如果不需要顯示任何提示資訊,那麼 message 可以被省略,寫法如下:

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

'no-restricted-imports': ['error', ]
如果違反規則會出現以下報錯資訊:

使用 ESLint 禁止專案匯入特定模組

專案團隊成員希望能夠禁用某些 js 依賴。比如有團隊成員希望使用 lodash 而將這個巨大的依賴引入專案,導致專案整體過分臃腫。團隊成員應當使用 lodash es 來避免這種情況。那麼 eslint 就提供了乙個名為no restricted imports規則,這個規則就是統一規範在專案中禁止...

vue 使用eslint開發專案

1 安裝 npm i eslint eslint config standard eslint plugin standard eslint plugin promise eslint plugin import eslint plugin node d2 建立.eslintrc,這樣就可以檢測 了...

vue專案Eslint工具的使用

1 安裝 eslint 7.5.0 eslint config standard 14.1.1 eslint friendly formatter 4.0.1 eslint loader 4.0.2 eslint plugin import 2.22.0 eslint plugin node 11....