Angular-CLI Sass

Question

Я использую новейшую версию Angular-CLI для создания проекта Angular2. У меня есть файл sass с переменными в src/assets/styles/_vars.scss. Можно ли настроить Sass компилятор, так что я только должен написать

@import "vars"; 

Вместо того, чтобы выписывать полный путь или относительный путь?

Answer 1

Вам повезло. См. this pr.

В качестве примера при использовании sass вы бы хотели добавить объект stylePreprocessorOptions в конфигурацию своего приложения в пределах angular-cli.json. Например:

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

Отсюда, если у вас есть файл SCSS, такие как my-app/src/styles/_vars.scss, вы можете затем

@import 'vars' 

через свои приложения SCSS файлы.

Не забудьте обновить angular-cli по меньшей мере до 1.0.0-beta.26.