d3fk/tailwindcss Docker Image Overview

d3fk/tailwindcss

仅包含TailwindCSS CLI的轻量级Scratch容器，帮助任何没有npm或Node.js的项目使用TailwindCSS框架。

6 收藏0 次下载actived3fk镜像

Tailwind CSS (Angatar> d3fk/tailwindcss)

仅包含Tailwind CSS CLI官方二进制文件的轻量级容器镜像（在多阶段构建过程中从GitHub官方仓库下载，然后注入到SCRATCH基础镜像中）。d3fk/tailwindcss容器可帮助任何项目使用Tailwind CSS框架，无需Node.js或npm。

Docker镜像

基于源代码仓库的"自动构建"选项，在Docker Hub上预构建为多架构镜像。

镜像名称：d3fk/tailwindcss

docker pull d3fk/tailwindcss

Docker Hub仓库：[***]

镜像标签

"d3fk/tailwindcss"镜像提供多架构支持。

这些多架构镜像适配以下架构：

linux/amd64
linux/arm/v6
linux/arm/v7
linux/arm64/v8

--- Latest ---

d3fk/tailwindcss:latest 标签提供最新版本的tailwindcss：此容器镜像会定期重建。

此镜像标签支持以下架构：

linux/amd64
linux/arm64/v8

--- v4.x.x ---

Tailwind CSS v4是当前版本，我们会提供历史稳定版本以防止版本升级可能导致的行为变更。以下稳定标签可用，标签名称对应Tailwind CSS的固定版本，不会重建：

d3fk/tailwindcss:v4.0.9 标签提供稳定版本的tailwind CSS v4.0.9

这些镜像标签支持以下架构：

linux/amd64
linux/arm64/v8

--- v3 ---

d3fk/tailwindcss:v3 标签提供v4发布前的最新tailwind CSS v3稳定版本（3.4.17）：此容器稳定镜像用于避免破坏性变更，不会重建以防止行为变更。

此多架构镜像适配以下架构：

linux/amd64
linux/arm/v6
linux/arm/v7
linux/arm64/v8

--- Stable ---

d3fk/tailwindcss:stable 标签提供历史稳定版本，包含固定版本的tailwind CSS（v3.3.2）：此容器稳定镜像用于避免破坏性变更，不会重建以防止行为变更。

此镜像标签支持以下架构：

linux/amd64
linux/arm/v6
linux/arm/v7
linux/arm64/v8

从v3到v4的重大变更

Tailwind CSS v4 引入了多项重大变更，包括配置更新和工具类重命名。
请务必查看官方迁移指南，获取从v3升级到v4的详细说明。

基本用法

sh
docker run --rm -v $(pwd)/YOUR_PROJECT_DIR:/project \
       d3fk/tailwindcss \
       -i SRC_PATH/tailwind-input.css \
       -o CSS_PATH/tailwind-output.css

容器的默认工作目录为/project，因此SRC_PATH（Tailwind CSS输入文件路径）和CSS_PATH（Tailwind CSS构建输出文件路径）必须相对于/project目录，该目录对应本地的YOUR_PROJECT_DIR目录。

监听文件变化

由于项目文件挂载到容器中，需结合使用--poll选项和--watch选项，使容器能够正确监听（通过轮询而非文件系统事件）源文件的任何变化，从而触发Tailwind CSS输出文件的重建。

sh
docker run --rm -id --name tailwindcss-builder -v $(pwd)/YOUR_PROJECT_DIR:/project \
       d3fk/tailwindcss \
       -i SRC_PATH/tailwind-input.css \
       -o CSS_PATH/tailwind-output.css \
       --poll --watch

注意：建议使用docker run -id在后台监听（-i选项使其挂接到标准输出，-d选项分离容器），这样您可以继续使用当前控制台，并通过docker logs tailwindcss-builder查看构建过程。之后可使用docker stop tailwindcss-builder停止并移除（--rm）容器。

生产环境优化

可使用--minify标志压缩输出CSS：

sh
docker run --rm -v $(pwd)/YOUR_PROJECT_DIR:/project \
       d3fk/tailwindcss \
       -i SRC_PATH/tailwind-input.css \
       -o CSS_PATH/tailwind-output.css \
       --minify