现在,我想在我的自定义 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 配置的内容(这是在构建末尾使用的编译器):
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。
有人知道如何做吗?
任何其他解决方案都非常受欢迎。提前致谢。