Angular 尾风css在角度组件中不起作用

Angular 尾风css在角度组件中不起作用,angular,sass,tailwind-css,Angular,Sass,Tailwind Css,我已经在angular项目中实现了tailwind css。 Tailwind css在项目的根级别工作,但在任何组件中放置的SCS中都不工作。 我必须在组件中构建每个scss文件吗?或者有什么永久性的解决方案吗?更新 最后,在Angular CLI中,现在支持随风即用 # install tailwind npm install --save tailwindcss # create `tailwind.config.js` npx tailwindcss init Then disable

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

更新

最后,在Angular CLI中,现在支持随风即用

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

Then disable view encapsulation of the component

如何仅在
app.component.scss
styles.scss
中导入尾风?我想可能是进口包装的方式有问题!如果您还没有查看此指南:我浏览了上面的链接,它只在根级别工作。为了构建样式css,我创建了output.css并将其构建为样式css。现在tailwind正在为样式css工作,因为构建代码是为它编写的。我不知道如何在任何组件中构建css。@HardiShah你能给我们提供一个更清晰的解释吗?我也面临同样的问题。我的组件中的代码没有任何样式。当我将div移出一个组件(googlechrome)时,我看到了html样式和所有内容。