Cấu hình với tsconfig.json

Tệp tsconfig.json chỉ định thư mục gốc của dự án TypeScript và các tùy chọn trình biên dịch cần thiết để xây dựng dự án.

Bất cứ khi nào bạn chạy tsc trong thư mục dự án, trình biên dịch sẽ tìm kiếm tệp này để hướng dẫn hành vi biên dịch của nó.

Cấu trúc của tệp tsconfig.json

Một tệp cấu hình điển hình trông như thế này:

{
  "compilerOptions": {
    "target": "es2022",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "outDir": "./dist"
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "**/*.spec.ts"]
}

Các thuộc tính chính là:

• compilerOptions: Cài đặt cho trình biên dịch.
• include: Chỉ định file hoặc thư mục cần biên dịch.
• exclude: Chỉ định các tệp hoặc thư mục cần bỏ qua trong quá trình biên dịch.

Tùy chọn trình biên dịch khóa

Dưới đây là một số cài đặt quan trọng nhất cần biết:

1. target: Chỉ định phiên bản đầu ra JavaScript của trình biên dịch (ví dụ: es5, es6/es2015, es2020, esnext).
2. module: Chỉ định hệ thống mô-đun được sử dụng trong mã được biên dịch (ví dụ: commonjs, esnext, node16).
3. strict: Cho phép một loạt các hành vi kiểm tra loại nghiêm ngặt. Bạn nên đặt giá trị này thành true để đảm bảo an toàn loại tối đa. Nó cho phép các tùy chọn như:
   • noImplicitAny: Phát sinh lỗi trên các biểu thức và khai báo có loại any ngụ ý khi không cung cấp chú thích loại.
   • strictNullChecks: Ngăn việc chỉ định null hoặc undefined cho các loại không bao gồm chúng một cách rõ ràng trong liên kết của chúng.

Hãy tự mình thử

Bài tập 1: Xử lý strictNullChecks

Bài tập 2: Gõ đúng mà không có ẩn ý