2017-09-02 14 views
8

Vì một trong các phiên bản beta của phiên bản 5, Angular có tùy chọn trình biên dịch mới, preserveWhitespaces. Tài sản được đề cập trong CompilerOptions type alias trong tài liệu. Tài liệu cho trang trí Component mô tả its usage và đề cập rằng mặc định trong phiên bản 5 là true (không xóa khoảng trắng).Cách đặt toàn bộ tùy chọn bảo tồnWhitespaces trong Angular thành false?

Tôi đã xem the PR, nhưng từ những gì tôi có thể nói từ một số thử nghiệm là cách duy nhất để sử dụng nó là cung cấp preserveWhitespace cho mọi siêu dữ liệu @Component. Làm thế nào tôi có thể đặt nó thành false trên toàn cầu, cho tất cả tất cả các thành phần và sau đó đặt thành true chỉ cho một số thành phần?

+1

Vì vậy, bạn đang nói nếu bạn đặt 'angularCompilerOptions' trong' tsconfig.json' nó * không * có hiệu lực? Bạn có thể hiển thị [mcve] của thiết lập không? – jonrsharpe

+0

@jonrsharpe Ah, vậy đó là nơi nó diễn ra. Bạn có thể biến nhận xét của mình thành câu trả lời không? –

+0

@ LazarLjubenović, bạn có dùng cli góc không? –

Trả lời

15

Đây sẽ là sai theo mặc định bắt đầu với góc 6

Còn bây giờ, trong chế độ JIT chúng ta có thể thiết lập nó như một phần của CompileOptions:

main.ts

platformBrowserDynamic().bootstrapModule(AppModule, { preserveWhitespaces: false }); 

Đối AOT chúng tôi có thêm tùy chọn này để

tsconfig.app.json

{ 
    "extends": "../tsconfig.json", 
    "compilerOptions": { 
    "outDir": "../out-tsc/app", 
    "baseUrl": "./", 
    "module": "es2015", 
    "types": [] 
    }, 
    "exclude": [ 
    "test.ts", 
    "**/*.spec.ts" 
    ], 
    "angularCompilerOptions": { 
    "preserveWhitespaces": false 
    } 
} 

[email protected] example nơi bạn có thể tìm ra tương ứng commit

Ngoài ra còn có feature request trong angular-cli repo.

+0

Ý của bạn là tsconfig.app.json, nguyên nhân bạn nhập là mở rộng tsconfig.json – ramon22

+0

Hoạt động tốt, mẫu lớn của tôi giảm 50% thời gian hiển thị –

+0

Điều này không hoạt động cho các thử nghiệm tho :( – amcdnl

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