Я следую этим примерам для создания библиотек многократного использования.

https://medium.com/@tomsu/how-to-build-a-library-for-angular-apps-4f9b38b0ed11

https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e

Когда я запускаю ng build library-name, я не получаю файл * .scss в папке dist / library-name. Как включить таблицы стилей в мою сборку?

Несколько полезных постов на эту тему

https://github.com/angular/angular-cli/issues/11071

https://github.com/angular/angular-cli/issues/11317

https://github.com/dherges/ng-packagr/issues/839#issuecomment-386791207

0
ProgSky 21 Авг 2018 в 16:51

3 ответа

Лучший ответ

Вы можете использовать gulp для сборки и публикации компонентов в хранилище npm. Следующие шаги:

  1. Определите пути сборки в tsconfig.json

enter image description here

  1. Компоненты библиотеки необходимо упаковать в каталог lib.
  2. Напишите задание для создания компонентов. (например, команда gulp: сборка gulp) https://www.npmjs.com/package/gulp-build
  3. Запустите «gulp build»
  4. С помощью этого метода мы можем опубликовать пакет .scss с соответствующим компонентом библиотеки.
1
Shehan Nandathilaka 21 Авг 2018 в 14:18

Стили добавляются в комплект библиотек в виде кода JavaScript. Если вы не отключите инкапсуляцию всех видов для всех ваших компонентов, WebPack создаст статический файл CSS.

1
Reactgular 21 Авг 2018 в 13:56

Вы можете написать скрипт сборки в package.json, который будет копировать файлы стилей в папку в папке dist / lib (возможно, с помощью пакета для копирования, например 'cpx')

0
Mosta 27 Дек 2018 в 22:12
51950275