如何将TailwindCSS添加到Docker容器？

Question

我正在尝试将 TailwindCSS 添加到 Docker 容器，但在 bash 中运行 tailwindcss 命令后，它只是说：

Traceback (most recent call last):
  File "/usr/local/bin/tailwindcss", line 8, in <module>
    sys.exit(main())
  File "/usr/local/lib/python3.10/site-packages/pytailwindcss/__main__.py", line 9, in main
    completed_process = pytailwindcss.run(
  File "/usr/local/lib/python3.10/site-packages/pytailwindcss/__init__.py", line 45, in run
    install(version, bin_path)
  File "/usr/local/lib/python3.10/site-packages/pytailwindcss/__init__.py", line 69, in install
    return install_binary(version, ensure_is_pathlib_path(bin_path))
  File "/usr/local/lib/python3.10/site-packages/pytailwindcss/installation.py", line 25, in install_binary
    os.makedirs(bin_path.parent, exist_ok=True)
  File "/usr/local/lib/python3.10/os.py", line 225, in makedirs
    mkdir(name, mode)
PermissionError: [Errno 13] Permission denied: '/usr/local/lib/python3.10/site-packages/pytailwindcss/bin

Dockerfile：

FROM mcr.microsoft.com/vscode/devcontainers/python:3.10-bullseye

ENV PYTHONUNBUFFERED=1

WORKDIR /app

ARG FLASK_APP=project.app
ENV FLASK_APP=${FLASK_APP}

ARG FLASK_RUN_PORT=5001
ENV FLASK_RUN_PORT=${FLASK_RUN_PORT}

CMD flask run --host=0.0.0.0 # --port=${FLASK_RUN_PORT} --app=${FLASK_APP}

COPY requirements.txt /tmp/pip-tmp/
RUN pip --disable-pip-version-check install -r /tmp/pip-tmp/requirements.txt && \
    rm -rf /tmp/pip-tmp

COPY . .

RUN pip --disable-pip-version-check install -v -e .

ARG CI_COMMIT_SHA
ENV CI_COMMIT_SHA=${CI_COMMIT_SHA}

RUN echo "BUILD_DATE=$(date -u +'%Y-%m-%dT%H:%M:%SZ')" >> /app/.env

ARG USERNAME=vscode
RUN test ! -z "${USERNAME}" && mkdir -p /home/${USERNAME}/.vscode-server/extensions && \
    chown -R $USERNAME /home/$USERNAME/.vscode-server

编辑： 要求.txt

导入lib-元数据
烧瓶
python-dotenv
烧瓶登录
密码库
Flask-mongoengine
python-dateutil
pytailwindcss
预提交 Sentry-sdk[烧瓶]
Sentry-sdk[pymongo]

知道如何让 TailwindCSS 在 Docker 容器中工作吗？

Answer 1

使用tailwindcss的

独立可执行版本

。如果不使用 Node 环境和 npm 包管理器，这是官方推荐的方式。

下载

tailwindcss

并将其作为 docker 中当前

WORKDIR

中的可执行文件使用。

# Install and make tailwindcss executable
RUN curl -sLO https://github.com/tailwindlabs/tailwindcss/releases/download/v3.4.3/tailwindcss-linux-x86 \
  && mv tailwindcss-linux-x86 tailwindcss && chmod +x tailwindcss