From b37e33dbf4a55f4c06275a5fcb153fd15d64c441 Mon Sep 17 00:00:00 2001 From: xfy Date: Tue, 16 Jun 2026 10:53:37 +0800 Subject: [PATCH] =?UTF-8?q?fix(build):=20=E4=BF=AE=E5=A4=8D=20Tailwind=20v?= =?UTF-8?q?4=20=E4=B8=8E=20Tiptap=20=E7=BC=96=E8=BE=91=E5=99=A8=E6=9E=84?= =?UTF-8?q?=E5=BB=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Tailwind v4 将 CLI 拆为独立包 @tailwindcss/cli，核心包 tailwindcss 不再带 bin，npx tailwindcss 会因找不到可执行入口而失败；即便改用 @tailwindcss/cli，npx 装到全局缓存，@import "tailwindcss" 仍解析不到 ./node_modules/tailwindcss。回到直接调用 PATH 上的 tailwindcss 二进制 （brew 安装或 CI 的 npm i -g @tailwindcss/cli），这也是 v4 升级时的 原始设计。 build-editor 中 npm ci 受全局 --omit=dev 影响会跳过 vite，npx vite 退而拉取 latest（v8，不兼容）。改用 npm ci --include=dev 确保装上 lock 钉死的 vite@5.4.21，并以 npm run build 走本地 .bin/vite，避免 npx 版本漂移。 --- Makefile | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/Makefile b/Makefile index 0842a3b..5031d6b 100644 --- a/Makefile +++ b/Makefile @@ -3,13 +3,13 @@ build: @$(MAKE) build-editor @$(MAKE) highlight-css - @npx tailwindcss -i input.css -o public/style.css --minify + @tailwindcss -i input.css -o public/style.css --minify @dx build --release --debug-symbols=false build-linux: @$(MAKE) build-editor @$(MAKE) highlight-css - @npx tailwindcss -i input.css -o public/style.css --minify + @tailwindcss -i input.css -o public/style.css --minify @dx build --release --debug-symbols=false --target x86_64-unknown-linux-musl highlight-css: @@ -17,21 +17,21 @@ highlight-css: build-editor: @echo "Building Tiptap editor..." - @cd libs/tiptap-editor && npm ci && npx vite build + @cd libs/tiptap-editor && npm ci --include=dev && npm run build @echo "Tiptap editor built." dev: @echo "Starting tailwindcss watch and dx serve..." - @npx tailwindcss -i input.css -o public/style.css --watch & \ + @tailwindcss -i input.css -o public/style.css --watch & \ TAILWIND_PID=$$!; \ trap 'kill $$TAILWIND_PID 2>/dev/null; exit' INT TERM EXIT; \ dx serve --addr 0.0.0.0 css: - @npx tailwindcss -i input.css -o public/style.css + @tailwindcss -i input.css -o public/style.css css-watch: - @npx tailwindcss -i input.css -o public/style.css --watch + @tailwindcss -i input.css -o public/style.css --watch test: @cargo test