如何在角度项目中制作两种不同的顺风配置？

【问题标题】：How to make two different tailwind configs in angular project?如何在角度项目中制作两种不同的顺风配置？
【发布时间】：2021-12-30 06:11:25
【问题描述】：

例如，我有 angular (v13) 项目，并且该项目包含 angular.json 中的多个应用程序（不同的网站）。之前，我可以使用 custom-webpack。但是现在，当我有 angular 13 和 tailwind 3 时，我不能再使用 custom-webpack。如何为 angular-project 中的每个应用程序制作不同的 tailwind-configs？

【问题讨论】：

标签： angular tailwind-css

【解决方案1】：

如何使用 Tailwind CLI 编译不同的配置并将它们的输出 css 添加到每个单独的应用程序？

npx tailwindcss -c ./tailwindcss-config.js -i input.css -o output.css

【讨论】：

是的，作为一个选项）但我仍然想用 angular 完美地完成所有事情
仅供参考，Nx.dev 构建系统支持多种 Tailwind CSS 配置，并且它有一个简单的设置生成器：nx.dev/l/a/angular/setup-tailwind。该生成器基本上将与 Tailwind 相关的导入添加到目标应用程序的 src/styles.css 并将一个空的 tailwind.config.js 添加到应用程序根目录。这让我觉得在你的环境中这样做应该不会太难吧？