feat(parent-portal): docker 构建修复 + 禁用 mock + 记录下游待办

Dockerfile 改用 standalone 模式

next.config.js 添加 output standalone

修复 cssnano-simple 构建失败:globals.css 注释含 */ 被误解析

tailwind.config.js 覆盖 boxShadow 为 rgba 格式 + 禁用 ringWidth

组件修复:替换 / 语法为 inline style 或自定义类

otel.ts 添加 webpackIgnore 跳过 optionalDependencies 静态分析

.env.example 默认禁用 mock

新增 .dockerignore 和 docs/nextstep.md

删除 postcss.config.js

验证:Docker 镜像构建成功,容器 healthy,typecheck + lint 零错误
This commit is contained in:
SpecialX
2026-07-13 17:21:39 +08:00
parent 8b729a710f
commit 96a936e154
14 changed files with 453 additions and 55 deletions

View File

@@ -56,7 +56,24 @@ module.exports = {
lg: "var(--radius-lg)",
full: "9999px",
},
// 覆盖阴影值使用 rgba() 格式,避免 cssnano-simple 无法解析 rgb(0 0 0 / 0.1) 现代语法
boxShadow: {
sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
DEFAULT: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
"2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)",
none: "none",
},
},
},
// 禁用 ringWidth 核心插件parent-portal 不使用 ring-* 类)
// 原因ringWidth 在 preflight 中生成 --tw-ring-color: rgb(59 130 246 / 0.5)
// 旧版 cssnano-simple 无法解析此现代 CSS 语法导致构建失败
corePlugins: {
ringWidth: false,
},
plugins: [],
};