Как вы можете настроить index.scss и импортировать глобальные таблицы стилей для переменных, mixins и т.д. В библиотеку с угловым 6?
Угловой CLI генерирует lib с корневым компонентом и компонентом scss, но стили, добавленные или импортированные в корневой компонент, недоступны для дочерних компонентов. По умолчанию смысл заключается в инкапсуляции стилей, но я просто не могу найти какую-либо информацию или примеры того, как это сделать.
"Styles "styles": [...]
angular.json "styles": [...]
пути, которые можно использовать для этого с помощью "projectType": "application"
, похоже, не работают с "projectType": "library"
.
Заранее спасибо за помощь!
ОБНОВЛЕНИЕ: мой проект был инициирован с использованием углового cli v6.0.5, следуя этому руководству: https://medium.com/@tomsu/how-to-build-a-library-for-angular-apps-4f9b38b0ed11
TL; DR для руководства:
ng new my-app --style=scss
ng generate library my-library --prefix ml
Это файловая структура, угловая 6 генерирует:
my-app
projects/
my-library/
src/
lib/
shared/..
widgets/..
my-library.component.ts
my-library.module.ts
sass/
_variables.scss
styles.scss // <<< This is where I want to '@import 'variables';', and for it to be available in all the components of the "my-library" project.
public_api.ts
src/
app/
app.module.ts // << imports projects/my-library/lib/my-library.module as "my-library".
main.ts
index.scss
index.html
README.md
Версии пакетов:
Angular CLI: 6.0.5
Node: 10.2.1
OS: darwin x64
Angular: 6.0.3
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router
Package Version
------------------------------------------------------------
@angular-devkit/architect 0.6.5
@angular-devkit/build-angular 0.6.5
@angular-devkit/build-ng-packagr 0.6.5
@angular-devkit/build-optimizer 0.6.5
@angular-devkit/core 0.6.5
@angular-devkit/schematics 0.6.5
@angular/cli 6.0.5
@ngtools/json-schema 1.1.0
@ngtools/webpack 6.0.5
@schematics/angular 0.6.5
@schematics/update 0.6.5
ng-packagr 3.0.0
rxjs 6.2.0
typescript 2.7.2
webpack 4.8.3