Tailwind css 在角度组件中不起作用答案

【问题标题】：Tailwind css is not working in angular componentsTailwind css 在角度组件中不起作用
【发布时间】：2020-06-16 20:51:24
【问题描述】：

我已经在我的 Angular 项目中实现了 tailwind css。 Tailwind css 在项目的根级别工作，但在放置在任何组件内的 scss 中不起作用。我必须在组件内构建每个 scss 文件吗？或者有什么永久的解决方案吗？

【问题讨论】：

如何只在app.component.scss 或styles.scss 中导入tailwind？我认为导入包的方式可能有问题！如果您还没有，请查看本指南：dev.to/seankerwin/angular-8-tailwind-css-guide-3m45
我浏览了上面的链接，它只工作到根级别。为了构建样式 css，我创建了 output.css 并将其构建为样式 css。现在，tailwind 正在为样式 css 工作，因为构建代码是为它编写的。我不知道如何在任何组件中构建 css。
@HardiShah 你能为我们提供更清晰的解释吗？我面临同样的问题。我的组件中的代码没有得到任何样式。当我将 div 移出组件（谷歌浏览器）时，我看到了 html 样式和所有内容。

标签： angular sass tailwind-css

【解决方案1】：

更新

终于在 Angular CLI v11.2 中支持开箱即用的尾风

# install tailwind
npm install --save tailwindcss
# create `tailwind.config.js`
npx tailwindcss init

Then disable view encapsulation of the component

【讨论】：