如何在 angular 项目中包含 tailwind css

Question

我已经开始学习 angular 并想在我的 html 页面中使用 tailwind css。我已经通过 npm 成功安装了 tailwind css，但是当我在运行ning ng add ngx-tailwind 之后尝试运行应用程序时，我遇到了一个错误。

I am using Angular-13.1.2.

Answer 1

有一个很好的原理图包可以自动配置 Tailwind CSS，只是运行:

ng add ngx-tailwind

它会询问您使用的是什么样式预处理器，以及是否要安装其他插件，例如 @tailwindcss/typography

如果您想手动执行，因为 Angular 11 应该可以：

npm install -D tailwindcss autoprefixer postcss
npx tailwindcss init

编辑 tailwind 配置以添加清除，如下所示：

module.exports = {
  purge: ['./src/**/*.{html,ts}'],
  ...
};

并将导入添加到您的 css:

@tailwind base;
@tailwind components;
@tailwind utilities;

How do I include tailwind css in angular project