Я использовал postcss, postcss-css-modules и posthtml-css-modules для реализации модулей CSS в приложении Angular. Я также использовал @ angular-builders / custom-webpack для этого.
Теперь я хочу сделать то же самое с моей пользовательской библиотекой Angular. Однако я не могу использовать @angular -builders / custom-webpack, потому что библиотеки Angular создаются с использованием ng-packagr.
Итак, @ angular-builders / custom-webpack недоступен для использования: https://github.com/just-jeb/angular-builders/issues/356
С другой стороны, ng-packagr не поддерживает postcss: https://github.com/ng-packagr/ng-packagr/issues/1471
Я читал, что можно расширить конфигурацию rollup (это компилятор, использующий ng-packagr в конце сборки) в ng-packagr:
https://github.com/ng-packagr/ng-packagr/blob/master/docs/DESIGN.md#rollup-config
Но я не нашел никакой документации для этого.
Кто-нибудь знает, как это сделать?
Другое решение, которое я подумал, это сделать все стили глобальными и скомпилировать их с помощью scss-bundle и postcss. как я сделал здесь: NodeJs Скрипт, компилирующий файлы scss, не работает из-за правила postcss для неопределенных переменных
И после того, как я смогу использовать lodash, я смогу заменить имена классов их хешированными именами классов, например предлагается здесь: Используйте [hash: base64: 5] в файле JavaScript / TypeScript
Но для этого мне нужно знать, как вызывать lodash в сборке ng-packagr а>.
Кто-нибудь знает, как это сделать?
Любое другое решение более чем приветствуется.
Заранее спасибо.
<div class="container">
после изменения<div class="_.asdasd">
значение"_.asdasd"
будет в файле json, например:{ "container" : "_.asdasd" }
- person German Quinteros   schedule 06.04.2020