Laravel项目中如何整合使用Tailwind CSS框架？

本文共计1420个文字，预计阅读时间需要6分钟。

Tailwind 是一款新兴的 CSS 实用程序框架，迅速成为我最喜欢的构建界面的方法。通常，尝试一个新的框架、库或语言的最困难部分是建立起来。构建 Tailwind 的人让这变得相对容易。

Tailwind Tailwind 是新的 CSS 实用程序框架，它很快成为我最喜欢的构建界面的方法。通常，尝试一个新的框架、包或语言的最困难的部分是建立起来。

建造 Tailwind 的人做了一项令人难以置信的工作，记录了这个过程，而且非常容易做到。但是，有时还是很高兴看到别人是怎么做到的。所以，让我们跳进去看看是怎么做到的。

入门

首先，假设我们开始一个新的 Laravel 项目。 我不会去介绍咋么设置它，你可以参考文档 点击这里。完成 Laravel 的所有设置之后，让我们看 Tailwind 的安装文档 点击这里.

在他们的文档，可以看到，最简单的方法就是把 CDN 放到你的项目中，然后开始编码。 这是很好的尝试，让我们进一步把它应用到我们的构建过程中。

安装

我们可以使用 NPM 或者 Yarn 命令把 Tailwind 拉到我们的项目中。