使用 ESLint 目的在於確保程式碼的一致性和避免錯誤,每條規則都各自獨立且可以設置啟用或關閉,讓弱型別的 JavaScript 語言可以在編碼的過程中及時發現問題並修正;可以透過 .eslintrc 檔案配置相關設定,簡介如下。目前最新版本為 v3.14。
module.exports = {
root: true,
parser: 'babel-eslint',
parserOptions: {
sourceType: 'module'
},
// 指定腳本的運行環境
// 每種環境都有一組特定的預定義全局變量
env: {
browser: true,
// 啟用 jQuery 全局變量。
jquery: true
},
extends: 'standard',
plugins: [
'html'
],
// 啟用的規則及各自的錯誤級別
// 0: 關閉規則, 1: 開啟規則[warn], 2: 開啟規則[error]-程序會退出
'rules': {
'arrow-parens': 0,
'generator-star-spacing': 0,
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
},
// 當訪問未定義的變量時,no-undef 規則將發出警告
// 因此需定義腳本在執行期間訪問的額外的全局變量
// true 允許變量被重寫, false 不允許被重寫
globals: {
"_": true,
"toastr": true
}
}