Phát hiện chặn quảng cáo

Xin lỗi bạn, mình có đặt quảng cáo để lấy kinh phí duy trì trang, nếu bạn không thấy phiền có thể tắt chức năng chặn quảng cáo và tải lại trang.

Tiếp tục xem
Tải lại
Thứ Sáu , 26 Tháng Mười Một 2021

Hướng dẫn TypeScipt #6: Biên dịch tự động và cấu hình Typescript (tsconfig)

Trong các bài Hướng dẫn TypeScipt #2 mình đã chia sẻ với các bạn cách để có thể biên dịch từ file typescript(.ts) sang file javascript (.js) với cú pháp tsc. Trong bài này, mình sẽ chia sẻ với các bạn cách tạo một cấu trúc folder sử dụng typescript và tự động biên dịch.

Biên dịch tự động và cấu hình Typescript (tsconfig)

Bài toán mình đặt ra ở đây là xây dựng 2 thư mục. Một thư mục là src là thư mục chứa các tệp typescript với mục đích sử dụng Typescript để viết. Thự mục là public với mục đích chưa các tệp js được biên dịch từ tệp typescript đã viết. Tiếp theo sử dụng lệnh:

tsc --init

Để tạo ra tệp tsconfig.json chứa các cấu hình cho việc biên dịch.

Trong tệp config này chứa rất nhiều các thiết lập các bạn có thể tham khảo toàn bộ tại: https://www.typescriptlang.org/tsconfig. Với nội dung bài này, chúng ta sẽ chỉ cần quan tâm tới một vài các cấu hình sau:

{
   "compilerOptions": {
      "rootDir": "./src", // Nơi sẽ chứa các tệp typecript mà các bạn viết
      "outDir": "./public", // Nơi mà các tệp Javascript được biên dịch ra từ các tệp typescript trên
   },
   "include": ["src"] // Định nghĩa thực thi biên dịch chỉ trong folder src
}

2 cấu hình này dựa trên 2 folder mà mình đã dựng từ đầu bài viết. Hiểu một cách đại khái là mình viết typecript một folder, file được biên dịch ở một folder.

Ngay lúc này chúng ta sẽ sử dụng lệnh:

tsc

Lúc này, toàn bộ file trong thư mục src sẽ được biên dịch sang thư mục public:

Như vậy là chúng ta đã có một cấu trúc build với thư mục rõ ràng. Tuy nhiên, mỗi lần viết typescript chúng ta lại cần chạy biên dịch một lần. Nếu nhu cầu của bạn cần biên dịch ngay khi viết typescipt, chúng ta có thể sử dụng lệnh:

tsc -w

Lúc này, trình biên dịch sẽ tự động biên dịch cho chúng ta:

Chúc các bạn hứng thú với bài viết này.

Về Đặng Thắng

Chào mọi người, mình là Thắng. Sở thích của mình là lập trình và chia sẻ mọi thứ mình học được cho tất cả mọi người. Rất mong mọi người ủng hộ Blog của mình.

Đề xuất

Hướng dẫn TypeScipt #2: Biên dịch typescript (Compiling TypeScript)

Biên dịch typescript là quá trình biên dịch từ file “.ts” sang file “.js”. Vì …

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *