如何使 tailwindcss 与当前的 Angular 6 一起工作?

Posted

技术标签:

【中文标题】如何使 tailwindcss 与当前的 Angular 6 一起工作?【英文标题】:How do I make tailwindcss work with the current Angular 6? 【发布时间】:2019-01-19 07:57:52 【问题描述】:

我试着关注这个https://tailwindcss.com/docs/installation

但是由于其中一个步骤需要ng eject,并且由于此选项在 Angular 6 上被禁用,我被卡住了,我尝试了几个选项,但在网络上一无所获。

谁能设法将 tailwindcss 添加到 Angular 6 中?

谢谢

【问题讨论】:

很遗憾,ng eject 由于新的angular.json 格式而被暂时阻止。如果需要弹出,他们建议使用 cli 版本 1.7。 (角度-5)github.com/angular/angular-cli/issues/10618 我可以降级到 1.7 并保持 angular 6 吗? 【参考方案1】:

你可以使用npm i ng-tailwindcss

从here 了解更多信息。很容易遵循它。

如果您要设置一个新应用程序,我建议您进行“快速安装”,它会产生与“完整安装”相同的结果

【讨论】:

@ShaulNaim 如果您觉得它有用,请接受作为答案。

以上是关于如何使 tailwindcss 与当前的 Angular 6 一起工作?的主要内容,如果未能解决你的问题,请参考以下文章

如何删除:活动状态下的多余边框?顺风

如何使 TailwindCSS Group-hover 在代码沙盒中工作?

使用 TailwindCSS 单击按钮时,使侧边栏从左侧滑入

如何使用daisyUI(Tailwind CSS)使身体透明?

无法使用 Tailwindcss 使表单居中

带有tailwindcss的字体很棒的响应式大小