vueComponent / ant-design-vue-nuxt

MIT License
61 stars 6 forks source link

刷新页面加载css慢一步 #15

Closed Panyoujies closed 10 months ago

Panyoujies commented 10 months ago

更新到"@ant-design-vue/nuxt": "^1.1.1" 刷新页面css加载还是慢一步。测试无效

7836246 commented 10 months ago

是的 解决了个寂寞 提供的demo也没有更正过来 https://github.com/antdv-pro/antdv-nuxt-starter

7836246 commented 10 months ago

刷新页面后 image

aibayanyu20 commented 10 months ago
image

我这没问题呢

aibayanyu20 commented 10 months ago

更新到"@ant-design-vue/nuxt": "^1.1.1" 刷新页面css加载还是慢一步。测试无效

并不是说安装了插件就可以自动加载样式了,如果想要刷新页面css加载同步,需要自己按自己的需求导出对应的样式css文件

参考文档ssr-extract-style

Panyoujies commented 10 months ago

更新到"@ant-design-vue/nuxt": "^1.1.1" 刷新页面css加载还是慢一步。测试无效

不是说安装了插件就可以自动加载样式了,如果想要刷新页面css加载同步,需要自己按自己的需求导出对应的样式css文件

参考文档ssr-extract-style

这个我看不懂,在nuxt3 中怎么使用呢

aibayanyu20 commented 10 months ago

https://github.com/antdv-pro/antdv-nuxt-starter/blob/main/scripts/genAntdStyle.ts

7836246 commented 10 months ago

https://github.com/antdv-pro/antdv-nuxt-starter/blob/main/scripts/genAntdStyle.ts

我就是运行你的demo 强制刷新 就是会从默认按钮 在加载出来

7836246 commented 10 months ago

https://github.com/antdv-pro/antdv-nuxt-starter/blob/main/scripts/genAntdStyle.ts

我就是运行你的demo 强制刷新 就是会从默认按钮 在加载出来

pnpm build pnpm start 运行的 样式还是和以前一样 pnpm run dev 根本运行不了

aibayanyu20 commented 10 months ago

在线测试 build忘记调整了,可以再试一下,dev是因为nuxt的问题,这个后面处理一下

7836246 commented 10 months ago

在线测试 build忘记调整了,可以再试一下,dev是因为nuxt的问题,这个后面处理一下

是的 可以了 我还有一个疑问 我发现是NaiveUi的那种 style全部在页面 在Nuxt配置加上 experimental: { inlineSSRStyles: false, }, 能否全部成link 这样可以查看源代码方便于维护

Panyoujies commented 10 months ago

在线测试 build忘记调整了,可以再试一下,dev是因为nuxt的问题,这个后面处理一下

是可以了,,但还是有点麻烦

aibayanyu20 commented 10 months ago

在线测试 build忘记调整了,可以再试一下,dev是因为nuxt的问题,这个后面处理一下

是可以了,,但还是有点麻烦

目前来说这是ant-design提供的一个解决方案,cssinjs就这个动态添加样式算是比较难处理的,可以看一下ant-design的博客SSR静态导出样式

aibayanyu20 commented 10 months ago

在线测试 build忘记调整了,可以再试一下,dev是因为nuxt的问题,这个后面处理一下

是的 可以了 我还有一个疑问 我发现是NaiveUi的那种 style全部在页面 在Nuxt配置加上 experimental: { inlineSSRStyles: false, }, 能否全部成link 这样可以查看源代码方便于维护

这个后续研究一下吧

selvinzr commented 10 months ago

在线测试 build忘记调整了,可以再试一下,dev是因为nuxt的问题,这个后面处理一下

是的 可以了 我还有一个疑问 我发现是NaiveUi的那种 style全部在页面 在Nuxt配置加上 experimental: { inlineSSRStyles: false, }, 能否全部成link 这样可以查看源代码方便于维护

这个后续研究一下吧

引入了静态的css,但是似乎没有办法关闭内联样式的渲染,严重冗余