升级 Tailwind CSS 到 v4 并简化构建流程

- 将 input.css 从 v3 的 @tailwind 指令迁移到 v4 的 @import "tailwindcss"
- 删除 tailwind.config.js(v4 不再需要配置文件)
- 删除 package.json(完全使用本地 tailwindcss CLI)
- 重新构建 public/style.css 为 v4 格式
- 添加 Makefile 提供 dev/build/css/css-watch/clean 命令

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
xfy 2026-05-26 09:59:42 +08:00
parent 61638fafcc
commit 390ab98b86
5 changed files with 656 additions and 31 deletions

22
Makefile Normal file
View File

@ -0,0 +1,22 @@
.PHONY: dev build css css-watch clean
dev:
@echo "Starting tailwindcss watch and dx serve..."
@tailwindcss -i input.css -o public/style.css --watch & \
TAILWIND_PID=$$!; \
trap 'kill $$TAILWIND_PID 2>/dev/null; exit' INT TERM EXIT; \
dx serve
build:
@tailwindcss -i input.css -o public/style.css --minify
@dx build --release
css:
@tailwindcss -i input.css -o public/style.css
css-watch:
@tailwindcss -i input.css -o public/style.css --watch
clean:
@cargo clean
@rm -f public/style.css

View File

@ -1,3 +1 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import "tailwindcss";

View File

@ -1,18 +0,0 @@
{
"name": "yggdrasil",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"build:css": "tailwindcss -i input.css -o public/style.css --minify",
"watch:css": "tailwindcss -i input.css -o public/style.css --watch",
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"type": "commonjs",
"devDependencies": {
"tailwindcss": "^3.4.19"
}
}

File diff suppressed because one or more lines are too long

View File

@ -1,9 +0,0 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
content: ['./src/**/*.rs', './index.html'],
theme: {
extend: {},
},
plugins: [],
}