Angular tailwind 实用程序在开发中运行良好,但在生产中运行不佳
Angular tailwind utilities working fine in development, but not in production
当我构建我的 Angular 项目时,我有时只会收到“未在您的源文件中检测到实用程序 类”。使用顺风,有时它会在没有警告的情况下构建,但仍然没有实用程序。这一切都是突然发生的,之前已经建造了很多次,并且有实用的公用设施。基本顺风重置在样式中实现,但在实用程序中没有实现。
还值得一提的是,类 我使用 @apply 从样式构建的效果很好。
tailwind.config.js:
content: ["./src/**/*.{html,ts}"],
构建命令:
ng build --output-path docs
包含在styles.css中:
@tailwind base;
@tailwind components;
@tailwind utilities;
一位同事找到了解决这个问题的方法。由于某些未知原因,您必须在顺风配置内容字符串中包含多个文件扩展名,即使它们未被使用。
content: ["./src/**/*.{html,ts,tsx,jsx}"],
当我构建我的 Angular 项目时,我有时只会收到“未在您的源文件中检测到实用程序 类”。使用顺风,有时它会在没有警告的情况下构建,但仍然没有实用程序。这一切都是突然发生的,之前已经建造了很多次,并且有实用的公用设施。基本顺风重置在样式中实现,但在实用程序中没有实现。
还值得一提的是,类 我使用 @apply 从样式构建的效果很好。
tailwind.config.js:
content: ["./src/**/*.{html,ts}"],
构建命令:
ng build --output-path docs
包含在styles.css中:
@tailwind base;
@tailwind components;
@tailwind utilities;
一位同事找到了解决这个问题的方法。由于某些未知原因,您必须在顺风配置内容字符串中包含多个文件扩展名,即使它们未被使用。
content: ["./src/**/*.{html,ts,tsx,jsx}"],