Использовать Post css в Custom Angular Library - PullRequest
7 голосов
/ 30 марта 2020

Я использовал сообщение css, сообщение css - css -модули и сообщение html - css -модули для внедрить CSS модули в Angular приложении. Для этого я также использовал @ angular -builders / custom-webpack .

Теперь я хочу сделать то же самое с моей Custom Angular Library. Однако я не могу использовать @ angular -builders / custom-webpack , поскольку библиотеки Angular создаются с использованием ng-packagr .

Итак, @ angular -builders / custom-webpack недоступен для использования: https://github.com/just-jeb/angular-builders/issues/356

С другой стороны, ng-packagr делает не поддерживается post css: https://github.com/ng-packagr/ng-packagr/issues/1471

Я прочитал, что можно расширить rollup config (это компилятор, который использует ng-packagr в конце сборки) в ng-packagr :

https://github.com/ng-packagr/ng-packagr/blob/master/docs/DESIGN.md#rollup -config

Но я не нашел никакой документации для этого.

Кто-нибудь знает, как это сделать?

Другое решение, которое я подумал, это сделать все стили глобальными и скомпилировать их, используя s css -bundle и post css, как я сделал здесь: NodeJs Сценарий, который компилирует файлы s css, не работает из-за правила post css для неопределенных переменных

И после, если я могу использовать Лода sh Я смогу заменить имена классов их хешированными именами классов, как предлагается здесь: Использовать [ха sh: base64: 5] в JavaScript / файле TypeScript

Но для этого мне нужно знать, как вызвать loda sh в сборке ng-packagr .

Кто-нибудь знает, как это сделать?

Любое другое решение более чем приветствуется.

Заранее спасибо.

1 Ответ

0 голосов
/ 07 апреля 2020

Уже идет обсуждение этого улучшения. Может быть, изменения еще продолжаются. Вы можете отслеживать с здесь

. Вы можете предварительно обработать свои стили и затем перейти к ng-packagr, как предложено в этой статье

Другая проблема для встраивания HTML файлов, которые вы можете использовать, создайте процесс пост-сборки, например, this с помощью этих инструментов

Я надеюсь, что это решит вашу проблему.

...