【发布时间】：2020-07-11 05:00:54
【问题描述】：
我使用 postcss、postcss-css-modules 和 posthtml-css-modules 在 Angular 应用程序中实现 CSS 模块。我也使用@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
我读到可以在ng-packagr 中扩展rollup 配置（是在构建结束时使用ng-packagr 的编译器）：
https://github.com/ng-packagr/ng-packagr/blob/master/docs/DESIGN.md#rollup-config
但我没有找到任何文档来实现这一点。
有人知道怎么做吗？
我认为的其他解决方案，它使所有样式全局化并使用 scss-bundle 和 postcss 编译它们，就像我在这里所做的那样：NodeJs Script that compiles scss files fails because of postcss rule for undefined variables
如果我可以使用lodash 之后，我将能够用它们的散列类名替换类名，就像这里建议的那样：Use [hash:base64:5] in JavaScript / TypeScript file
但要做到这一点，我需要知道如何在 ng-packagr 的构建中调用 lodash。
有人知道怎么做吗？
任何其他解决方案都非常受欢迎。
提前致谢。
【问题讨论】：
-
ng-packagr 已经在使用 postcss。 github.com/ng-packagr/ng-packagr/blob/master/src/lib/styles/…。你想达到什么目标？
-
嗨@GouravGarg，感谢您的回答。我想在我的 Angular 库的构建中使用 postcss-css-modules 和 posthtml-css-modules。你知道这是否可能吗？
-
我能够在 Angular 项目中使用 postcss-css-modules 和 posthtml-css-modules，这要归功于 @angular-builders/custom-webpack。但是，我不能在 Angular 库的构建中使用 @angular-builders/custom-webpack，因为我不知道如何在自定义 Angular 的构建中使用 postcss-css-modules 和 posthtml-css-modules图书馆。
标签： angular webpack postcss rollupjs ng-packagr