14

Ứng dụng của tôi đang sử dụng JSPM và SystemJS để tải mô-đun và đang sử dụng góc cạnh.Cách sử dụng các tệp Javascript của bên thứ ba được rút gọn bằng JSPM

tập tin config.js của tôi có bản đồ góc như:

"angular": "github:angular/[email protected]" 

Vì vậy, khi tôi làm import angular from 'angular', tôi nhận được tập tin angular.js từ Đường dẫn định nghĩa trong file config.js. Tốt lắm.

Bây giờ, yêu cầu là tôi muốn sử dụng các tệp JavaScript của bên thứ ba được rút gọn (angular.min.js) trong ứng dụng. Nhưng không có tệp được rút gọn trong jspm registry
Vì vậy, thời gian tải ban đầu của ứng dụng của tôi cao do có quá nhiều tệp lớn, ví dụ: angular.js, browser.js vv mất quá nhiều thời gian để tải.

Tôi biết, tôi có thể thực hiện jspm bundle để rút gọn tất cả các tệp phụ thuộc đệ quy, bao gồm cả tệp của nhà cung cấp. Nhưng câu hỏi của tôi là:

1 - Có thể sử dụng tập tin được rút gọn của nhà cung cấp (angular.min.js) trực tiếp với JSPM? Nó là tốt để sử dụng tập tin minified của nhà cung cấp hơn là khai thác chúng ourshelves, phải không?

2 - Nếu không thể thực hiện điều này, tôi chỉ có thể đóng gói các tệp ứng dụng cụ thể của mình và vẫn có thể sử dụng tệp angular.js đã được rút gọn (gói riêng)?

Phương pháp được đề xuất ở đây là gì?

+0

Bạn có thể thêm các tệp được rút gọn vào sổ đăng ký của mình không? – mikep

+0

Lần đầu tiên tải xuống tất cả các js này và kiểm tra hiệu suất với https://gtmetrix.com/. sau đó tải về js minfied và thay thế bằng js cũ. –

Trả lời

1

Trong config.js của bạn tập tin bạn có thể lập bản đồ bất kỳ tập tin với một tên và có nó được nhập khẩu bởi SystemJs trong trình duyệt

Vì vậy, bạn có khả năng có thể làm một cái gì đó giống như

"góc": "jspm_packages/...../angular.min"(đường dẫn đến tập tin của bạn)

Tuy nhiên cách tiếp cận đề nghị sẽ được bó và rút gọn tất cả các file nhà cung cấp của bạn và khi bạn đề cập, bó ứng dụng file cụ thể của bạn riêng

Bạn có thể làm điều này với một cái gì đó giống như Gulp hoặc Grunt để tạo ra 2 file

Có rất nhiều ví dụ trực tuyến như thế nào để làm điều này nhưng đây là một trong để giúp bạn bắt đầu https://blog.dmbcllc.com/using-gulp-to-bundle-minify-and-cache-bust/

Một khi bạn đã tạo ra cả file bạn thêm chúng vào trang html của bạn thông qua một thẻ script

<script src="Your File Path"></script>

Lựa chọn 2 là phương pháp ưa thích và tôi muốn giới thiệu dành nhiều thời gian để có được thiết lập như bạn chỉ phải làm điều đó một thời gian để có được đầu của bạn xung quanh nó

Các vấn đề liên quan