search

ant-design / ant-design-examples

Use antd in create-next-app
67 stars 38 forks source link

feat: support inject style into html #6

Closed kiner-tang closed 1 year ago

kiner-tang commented 1 year ago
afc163 commented 1 year ago

@zombieJ 看看，文档是不是也需要改下。

kiner-tang commented 1 year ago

@zombieJ 看看，文档是不是也需要改下。

如果这个方案可行，合过去之后我再去 antd 改一下文档。

MadCcc commented 1 year ago

搞复杂了，不如回到最初的按需引入方案：https://github.com/ant-design/create-next-app-antd/commit/e1974b0d064f8d59f61bd98049abc2e77a6459e0#diff-4aaf885cfc46070419a446e27afeee17f0aacb25a188f74ef7dac690424f8a71

MadCcc commented 1 year ago

base 换个分支吧

MadCcc commented 1 year ago

说起来现在这个样式实在有些难看。。能不能优化一下

MadCcc commented 1 year ago

rebase 一下 main，然后把 base 改为 generate-css-on-demand

WarnerHooh commented 1 year ago

动态生成css文件在static目录在nextjs server启动后会有问题（相关问题https://github.com/vercel/next.js/discussions/18005#discussioncomment-117612） 复现问题： 复制一份index.tsx > demo.tsx

  1. npm run build && npm start
  2. 打开页面/不会有问题
  3. 打开页面/demo会报抽取的antd css文件404（虽然css文件已经生成）
kiner-tang commented 1 year ago

动态生成css文件在static目录在nextjs server启动后会有问题（相关问题https://github.com/vercel/next.js/discussions/18005#discussioncomment-117612） 复现问题： 复制一份index.tsx > demo.tsx

  1. npm run build && npm start
  2. 打开页面/不会有问题
  3. 打开页面/demo会报抽取的antd css文件404（虽然css文件已经生成）

按照你提供的复现步骤，demo 也没有问题呀。 image

WarnerHooh commented 1 year ago

Hi @kiner-tang 不好意思我上面漏掉了一步，复制一份index.tsx > demo.tsx之后我把index.tsx中form的代码删掉了，这样两个页面生成的antd css文件会不一样。另外需要用npm run build && npm start才会出现问题

image image