Làm thế nào để tải công việc mô-đun es6

Question

Tôi đã readingaboutes6 module loaders và tôi không hoàn toàn hiểu cách hoạt động và hy vọng ai đó có thể khai sáng cho tôi.

Trong quy trình công việc thực tế liên kết ở trên họ có một ví dụ như thế này

System.import('app/app').then(function(app) { 
    // app is now the Module object with exports as getters 
}); 

Không có vấn đề với điều đó - Tôi hiểu rồi. Nhưng sau đó tôi thấy các nội dung như thế này

var $ = require('jquery'); 

và thực sự bối rối. Điều gì sẽ xảy ra nếu tại thời điểm cuộc gọi này jquery chưa được chuyển đến trình duyệt? Chủ đề có quay không? Trình duyệt có phân tích cú pháp kịch bản của bạn đằng sau hậu trường và cải cách nó thành một cuộc gọi lại như RequireJs không? Là những gì nó cấu hình? Có những giới hạn cụ thể không?

Ai đó có thể cho tôi tóm tắt không?

Answer 1

Trình tải mô-đun ES6 sẽ tìm nạp nguồn, xác định phụ thuộc và chờ cho đến khi các phụ thuộc đó được tải trước khi thực hiện mô-đun. Vì vậy, do thời gian yêu cầu thực hiện, sự phụ thuộc đã được ngồi đó chờ đợi để được thực thi.

Khi tải CommonJS thông qua trình tải mô-đun ES6, chúng tôi dựa vào phân tích cú pháp tĩnh các câu lệnh yêu cầu từ nguồn và chỉ thực thi nguồn khi yêu cầu đã tải.

Bằng cách này, chúng tôi có thể hỗ trợ CommonJS trong trình duyệt được tải động. Các tham chiếu tham chiếu được xử lý giống như cách chúng được xử lý trong Node.

Cụm từ thông dụng phân tích cú pháp các yêu cầu thực sự khá đáng tin cậy và nhanh chóng, đồng thời tính đến các nhận xét và mã thông báo xung quanh. Xem https://github.com/systemjs/systemjs/blob/master/lib/extension-cjs.js#L10 cho loại được SystemJS sử dụng.

Có một hạn chế còn lại với cách tiếp cận này và đó là CommonJS động và có điều kiện yêu cầu như if (condition) require('some' + 'name') không được phát hiện đúng cách. Đây là một chi phí cần thiết để làm cho CommonJS hoạt động như một định dạng mô-đun không đồng bộ hoàn toàn trong trình duyệt.