Использование SCSS с угловой библиотекой, созданной с помощью angular-cli - PullRequest
Новая
       39

Использование SCSS с угловой библиотекой, созданной с помощью angular-cli

0 голосов
/ 27 декабря 2018

Я создал проект угловой библиотеки, в котором я хочу использовать SCSS для стилей.

Итак, я настроил 

ng config schematics.@schematics/angular:component.styleext scss

, и это сделало запись в angular.json file 

"schematics": {
    "@schematics/angular:component": {
      "styleext": "scss"
    }
}

Теперь я использую библиотеку пользовательского интерфейса materialize-css в моих компонентах библиотеки.И это требует импортировать свой файл SCSS.

Я не вижу styles.scss файла, в который я могу импортировать этот файл, мои компоненты и другие распространенные стили?

Я пытался создать его и сделать запись в angular.json 

"styles": ["projects/library_name/styles.scss"]

Под projects -> library_name -> architect -> build -> options

, но это показывает ошибкупри создании проекта библиотеки 

Schema validation failed with the following errors:
  Data path "" should NOT have additional properties(styles).

Обновление

Я получил это , решая ту же проблему, если это помогает!

1 Ответ

0 голосов
/ 10 января 2019

До даты (10 января 2019 г. в библиотеке нет прямой поддержки глобального scss, хотя это очень распространенный сценарий.

Из этого обсуждения , яЯ получил обходной путь, который мне нужен, чтобы связать его сам. Поэтому я использовал scss-bundle для создания одного большого файла scss. Вы можете добавить его, используя 

yarn add scss-bundle@next -D

, а затем скрипт для связывания и запуска в режиме наблюдения 

"build-lib-watch-styles": "scss-bundle -e \"./projects/lib-name/src/lib/styles/lib-name.scss\" -d \"./dist-lib/lib-name/styles/lib-name.scss\" -w \"./projects/lib-name/src/lib/styles\"",
...