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 index
0 hoặc index
1
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
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
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.