Angular-CLI Sass

Question

Tôi đang sử dụng phiên bản mới nhất của Angular-CLI để tạo dự án Angular2. Tôi có một tập tin sass với các biến trong src/assets/styles/_vars.scss. Có thể cấu hình trình biên dịch sass vì vậy tôi chỉ phải viết

@import "vars"; 

Thay vì viết ra đường dẫn đầy đủ hoặc đường dẫn tương đối?

Answer 1

Bạn đang gặp may. Xem this pr.

Ví dụ: khi sử dụng sass, bạn sẽ muốn thêm đối tượng stylePreprocessorOptions vào cấu hình ứng dụng của mình trong phạm vi angular-cli.json. Ví dụ:

"apps": [ 
    { 
     "stylePreprocessorOptions": { 
      "includePaths": [ 
       "styles" // This would point to the `my-app/src/styles` directory 
      ] 
     } 
    } 
] 

Từ đây, nếu bạn đã có một tập tin SCSS như my-app/src/styles/_vars.scss, bạn có thể sau đó

@import 'vars' 

trên các ứng dụng của bạn SCSS tập tin.

Chỉ cần nhớ cập nhật angular-cli thành ít nhất 1.0.0-beta.26.