Gói Cấu Hình ESLint 
English version Phiên bản Tiếng Anh
Gói cấu hình ESLint dựa trên cấu hình của Airbnb, hỗ trợ TypeScript và Prettier.
Tại sao sử dụng gói cấu hình?
Gói này bao gồm cả ESLint + các plugin và tệp cấu hình trong một gói duy nhất. Chúng tôi biết rằng thông lệ phổ biến là chỉ cung cấp các tệp cấu hình (như eslint-config-airbnb
), nhưng chúng tôi nhận thấy các tệp cấu hình và plugin thường bị ràng buộc với một phiên bản ESLint cụ thể, và việc duy trì tính tương thích giữa ESLint, plugin và cấu hình trong các dự án khách hàng rất khó khăn. Vì vậy, chúng tôi tạo ra gói này để hỗ trợ - bao gồm ESLint + plugin + cấu hình, tất cả đều được cung cấp với phiên bản cố định.
Cài đặt
EditorConfig được khuyến nghị sử dụng cùng với gói này, giúp định cấu hình cơ bản cho trình chỉnh sửa, tương thích với Prettier như indent_size
(chúng tôi không đưa cấu hình này vào Prettier để dành cho EditorConfig).
Cài đặt gói dưới dạng phụ thuộc phát triển
$ npm install @iron/eslint-config-bundle --save-dev
Tạo tệp .eslintrc.js, .prettierrc.js tại thư mục gốc của dự án
Lưu ý: bạn có thể cần đổi phần mở rộng thành .cjs
nếu dự án hiện tại sử dụng kiểu module
.
module.exports = require('@iron/eslint-config-bundle/prettier');
- .eslintrc.js - Dự án cơ bản sử dụng TS/JS
module.exports = {
extends: ['@iron/eslint-config-bundle']
}
- .eslintrc.js - Dự án React
module.exports = {
extends: ['@iron/eslint-config-bundle/react']
}
- .eslintrc.js - Dự án React Native
module.exports = {
extends: ['@iron/eslint-config-bundle/react-native']
}
- .eslintrc.js - Dự án Taro
module.exports = {
extends: ['@iron/eslint-config-bundle/taro']
}