2013-09-25 53 views
16

Tôi đang sử dụng Dart Editor để tạo ứng dụng Dart. Tôi đang biên dịch sang JavaScript để chạy trên tất cả các trình duyệt. Tôi muốn rút gọn JavaScript đầu ra. Làm thế nào tôi có thể làm điều này mà không rơi vào dòng lệnh?Làm cách nào để rút ngắn mã JavaScript được biên soạn từ Dart Editor?

Tôi biết rằng trên dòng lệnh, tôi có thể sử dụng dart2js --minify app.dart. Làm thế nào để tôi thực hiện điều này tự động từ Dart Editor?

Trả lời

5

Có hai cách nhanh chóng và dễ dàng để rút gọn tuân javascript mã của bạn qua Dart Editor. Cách được đề xuất là tạo một bổ sung nhỏ cho tệp pubspec.yaml của bạn.

Dưới đây là một ví dụ:

Name: my-app 
    description: An Angular web application 
    dependencies: 
    angular: any 
    browser: any 
    transformers: 
    - angular 

Bao gồm tùy chọn bổ sung này và bạn đã hoàn tất:

Name: my-app 
    description: An Angular web application 
    dependencies: 
    angular: any 
    browser: any 
    transformers: 
    - angular 
    - $dart2js: 
    {'minify':true} 

Phương pháp thứ hai là để thay đổi các tùy chọn khởi động ứng dụng của bạn và bỏ chọn Thiết lập VM Run in checked mode. Trong các từ đơn đặt hàng: Run > Managed Launches > Click on App Launch File > VM settings > Un-check "Run in checked mode".

Tôi chưa thử tùy chọn cuối cùng này, nhưng theo tài liệu , nó sẽ tự động giảm thiểu khi chạy trong "chế độ sản xuất".

Nguồn: https://www.dartlang.org/tools/pub/dart2js-transformer.html

P.S .: Việc quan trọng là bạn thiết lập các lĩnh vực $dart2js với một bản đồ hoặc nó sẽ thất bại trong việc xây dựng đúng cách. Đây hiện là lỗi hoặc vấn đề về tài liệu.

+0

Cảm ơn bạn đã có câu trả lời cập nhật! –

+0

Cách đầu tiên cho tôi: "YAML không hợp lệ trong tài liệu. {'Minify': true}" –

+1

Có vẻ như vấn đề đã được khắc phục. Bạn không còn cần bao gồm các dấu ngoặc để bật tùy chọn rút gọn. Chỉ cần sử dụng $ dart2js: minify: true và nó sẽ hoạt động. =) – Eric

13

Bắt đầu với Dart Editor phiên bản 0.7.5_r27776, bạn có thể định cấu hình tùy chọn dart2js trong menu "Khởi chạy cấu hình".

Trên máy Mac, mở Tùy chọn khởi chạy cấu hình bằng Cmd-Shift-M. Hoặc, chọn mũi tên thả xuống bên cạnh nút chạy màu xanh lá cây và chọn "Manage ra mắt":

enter image description here

Sau đó, tìm bạn "chạy như javascript" cấu hình cho ứng dụng của bạn. Nó sẽ có biểu tượng quả cầu màu xám.

Look cho "tùy chọn trình biên dịch" và thêm --minify

enter image description here

+0

Không có cờ trình biên dịch trong phiên bản phát triển hiện tại. Tôi có sử dụng dòng đối số Trình duyệt thay thế không. thanks –

+0

Tôi đang sử dụng Dart Editor phiên bản 1.2.0.dev_01_00 (DEV) và tôi thấy cờ Compiler. Bạn đang cố định cấu hình khởi chạy trình duyệt (chứ không phải khởi chạy Dartium)? –

+0

Tùy chọn này không tồn tại nữa trong phiên bản 1.2.0-dev.5.15 cuối cùng Bất kỳ cách nào khác để thực hiện nó? – darkzangel