Index.html trong góc là gì

Một thẻ đã tồn tại với tên chi nhánh được cung cấp. Nhiều lệnh Git chấp nhận cả tên thẻ và tên nhánh, vì vậy việc tạo nhánh này có thể gây ra hành vi không mong muốn. Bạn có chắc chắn muốn tạo nhánh này không?

Một thẻ đã tồn tại với tên chi nhánh được cung cấp. Nhiều lệnh Git chấp nhận cả tên thẻ và tên nhánh, vì vậy việc tạo nhánh này có thể gây ra hành vi không mong muốn. Bạn có chắc chắn muốn tạo nhánh này không?

Đó thường là trường hợp chúng ta cần thay đổi tệp index.html của ứng dụng, dựa trên môi trường. Ví dụ phổ biến nhất là thêm một số tập lệnh phân tích vào môi trường sản xuất của chúng tôi. Trong bài viết này, tôi muốn chỉ cho bạn hai cách khác nhau để làm điều đó bằng cách sử dụng Angular CLI

Đầu tiên, chúng ta hãy xem một cách đơn giản; . Tên tệp trong đường dẫn đã chỉ định được sử dụng làm tên của tệp đã tạo, được tạo trong thư mục gốc của đường dẫn đầu ra được định cấu hình của ứng dụng

Vì vậy, những gì chúng ta có thể làm là tạo một tệp index.html bổ sung cho môi trường sản xuất của mình và sử dụng tệp đó khi xây dựng để sản xuất

Nhược điểm của phương pháp này là chúng ta cần duy trì hai tệp chỉ mục HTML. Trong hầu hết các trường hợp, đây không phải là yếu tố chính vì đây là tệp không thường xuyên thay đổi

Hãy xem xét tùy chọn thứ hai, linh hoạt hơn. Trước tiên, chúng ta cần kích hoạt sử dụng cấu hình Webpack tùy chỉnh trong dự án của mình, sử dụng thư viện @angular-builders/custom-webpack. Tôi sẽ không đi sâu vào quá trình thực hiện điều đó, vì tôi đã đề cập chi tiết về nó trong bài viết sau

Tùy chỉnh cấu hình Webpack trong ứng dụng góc của bạn

Tùy chỉnh cấu hình Webpack trong ứng dụng góc của bạn

Tùy chỉnh cấu hình Webpack trong ứng dụng góc của bạnnetbasal. com

Lưu ý thêm, đây là cơ hội để bạn đóng góp cho thư viện này và thêm các sơ đồ sẽ tự động tạo toàn bộ cấu hình

Bây giờ chúng tôi đã thêm nó vào dự án của mình, chúng tôi có thể sử dụng tùy chọn chuyển đổi chỉ mục để sửa đổi đầu ra tệp HTML, dựa trên môi trường

indexTransform là một đường dẫn (liên quan đến thư mục gốc của không gian làm việc) đến tệp .js hoặc .ts, xuất hàm chuyển đổi cho index.html. Hàm nhận các tùy chọn target và nội dung gốc index.html (được tạo bởi Angular CLI) và trả về một nội dung mới dưới dạng index0 hoặc index1

Trong ví dụ trên, chúng tôi đang sử dụng cheerio để cập nhật HTML và thêm tập lệnh phân tích. Hơn nữa, chúng tôi cũng có cơ hội thu nhỏ tệp HTML của mình. Chúng tôi có thể sử dụng bất kỳ công cụ có sẵn nào, chẳng hạn như ngôn ngữ mẫu EJS, để sửa đổi nội dung HTML

Khi chúng ta sử dụng công cụ CLI, chúng ta có thể dễ dàng tạo và xây dựng ứng dụng góc cạnh và bắt đầu phát triển sau một vài lệnh trên CLI

Nhưng góc bắt đầu hoạt động như thế nào và chỉ mục kích hoạt như thế nào. Html?

Đây thường là cách góc bắt đầu với công việc


chính. ts

Index.html trong góc là gì

chính. ts, đó là mã đầu tiên được thực thi. Công việc của chính. ts là để khởi động ứng dụng. Nó tải mọi thứ và kiểm soát việc khởi động ứng dụng

Quan trọng nhất ở đây là dòng mà bootstraps bắt đầu ứng dụng góc cạnh của chúng ta bằng cách chuyển mô-đun ứng dụng sang phương thức. AppModule đề cập đến ứng dụng. mô-đun. tập tin ts


ứng dụng. mô-đun. ts

Index.html trong góc là gì

Phần quan trọng nhất của một tệp, khi góc bắt đầu, là mảng bootstrap trong @NgModule

Về cơ bản, nó có một danh sách tất cả các thành phần mà Angular phải biết tại thời điểm nó phân tích chỉ mục của chúng tôi. html và ở đây vòng tròn đóng lại

Nó đã đóng vì ở đây, chúng tôi tham khảo thành phần ứng dụng của mình

Theo mặc định, góc không quét tất cả các tệp của chúng tôi. Vì vậy, nếu chúng ta không nói với nó rằng thành phần mới tồn tại, góc cạnh sẽ không biết điều đó

Chỉ mục html nên chứa gì?

Chỉ mục. trang html là tên phổ biến nhất được sử dụng cho trang mặc định được hiển thị trên trang web nếu không có trang nào khác được chỉ định khi khách truy cập yêu cầu trang web. Nói cách khác, chỉ số. html là tên được sử dụng cho trang chủ của trang web .

Góc trong html là gì?

AngularJS là khung JavaScript . Nó có thể được thêm vào trang HTML bằng thẻ

Main ts trong Angular là gì?

ts là điểm vào chính của ứng dụng . AppModule hoạt động như mô-đun gốc của ứng dụng của chúng tôi. Mô-đun được định cấu hình để sử dụng AppComponent làm thành phần để khởi động và sẽ được hiển thị trên bất kỳ phần tử HTML gốc ứng dụng nào gặp phải. Có một phần tử HTML của ứng dụng trong chỉ mục.

Html thành phần ứng dụng là gì?

Các thành phần về cơ bản là các lớp tương tác với. html của thành phần, được hiển thị trên trình duyệt . Chúng ta đã thấy cấu trúc tệp ở một trong các chương trước của chúng ta. Cấu trúc tệp có thành phần ứng dụng và nó bao gồm các tệp sau - ứng dụng. thành phần. css.