fix(build): 修复 Tailwind v4 与 Tiptap 编辑器构建

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 版本漂移。
This commit is contained in:
xfy 2026-06-16 10:53:37 +08:00
parent 1cc4bc5aeb
commit b37e33dbf4

View File

@ -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