在laravel项目中使用tailwindcss

牛铁柱

Tony Messias 的 Tailwind CSS Laravel 包为 Laravel 应用程序封装了 Tailwind CSS 框架的独立 CLI 版本。

如果您不熟悉 Tailwind CSS 独立 CLI 的用途，有关它的公告说明：

Tailwind CSS 是用 JavaScript 编写的，并作为 npm 包分发，这意味着您必须始终安装 Node.js 和 npm 才能使用它。

这使得集成到使用 npm 并不常见的项目中变得更加困难，并且像 Rails 和 Phoenix 这样的工具都默认远离 npm，我们需要找到一种方法让人们在这些项目中使用 Tailwind 而不会强迫他们采用完全独立的工具生态系统。

今天，我们宣布推出一个新的独立 CLI 版本，它在一个独立的可执行文件中为您提供 Tailwind CLI 的全部功能 - 无需 Node.js 或 npm。

该软件包提供了方便的命令，例如通过独立 CLI 安装、搭建、构建和缩小 Tailwind 构建：

# Download the correct CLI based on OS/CPU arch
php artisan tailwindcss:download
 
# Install the scaffolding (tailwindcss.config.js, app.css, etc.)
php artisan tailwindcss:install
 
# Build styles
php artisan tailwindcss:build [--digest|--minify]
 
# Watch for changes during development
php artisan tailwindcss:watch

最后，这个包还带有一个 tailwindcss() 辅助函数来渲染编译的资产而不是 mix() node.js 环境：

1<link rel="stylesheet" href="{{ tailwindcss('css/app.css') }}" >

您可以在 GitHub 上的tonysm/tailwindcss-laravel 了解有关此软件包的更多信息、获取完整的安装说明并查看源代码。

本网站的服务器由提供