search

vueComponent / ant-design-vue-nuxt

MIT License
61 stars 6 forks source link

我看文档里 SSR 静态样式导出的介绍，只有全量导出的方案，像 antd of react 官网上的按需导出方案，在 Nuxt 中应该怎么写？ #20

Closed Logosww closed 6 months ago

Logosww commented 8 months ago

求教

Logosww commented 8 months ago

主要是我不知道要到哪个生命周期钩子里去预渲染一遍页面来获取 style cache 比较合适...想着既然是抽离样式按需导出的话，最好应该在 building 阶段完成，但 building 的时候又怎么去 renderToString 呢？

aibayanyu20 commented 8 months ago

目前没什么好方案，欢迎来PR

markthree commented 6 months ago

我简单实现了一个 demo，感兴趣可以看看，按需生成 → nuxt-antd-css-demo/tree/demand。

如果可以，我想我可以提一个 pr 来迁移用到的组件，同时在 README 中加以说明。

核心用到的组件 → nuxt-antd-css-demo/blob/demand/components/AExtractStyle.vue

aibayanyu20 commented 6 months ago

我简单实现了一个 demo，感兴趣可以看看，按需生成 → nuxt-antd-css-demo/tree/demand。

如果可以，我想我可以提一个 pr 来迁移用到的组件，同时在 README 中加以说明。

核心用到的组件 → nuxt-antd-css-demo/blob/demand/components/AExtractStyle.vue

@markthree 可以提交一个PR过来，nuxt3用到的都是esm模式，所以建议使用esm来测试，目前antdvnuxt插件也是仅输出es包，尽可能的保持一致性，支持可配置开启

aibayanyu20 commented 6 months ago

update 1.4.1