vueComponent / ant-design-vue-nuxt

MIT License
73 stars 8 forks source link

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

Closed Panyoujies closed 1 year ago

Panyoujies commented 1 year ago

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

7836246 commented 1 year ago

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

7836246 commented 1 year ago

刷新页面后 image

aibayanyu20 commented 1 year ago
image

我这没问题呢

aibayanyu20 commented 1 year ago

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

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

参考文档ssr-extract-style

Panyoujies commented 1 year ago

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

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

参考文档ssr-extract-style

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

aibayanyu20 commented 1 year ago

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

7836246 commented 1 year ago

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

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

7836246 commented 1 year ago

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

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

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

aibayanyu20 commented 1 year ago

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

7836246 commented 1 year ago

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

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

Panyoujies commented 1 year ago

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

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

aibayanyu20 commented 1 year ago

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

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

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

aibayanyu20 commented 1 year ago

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

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

这个后续研究一下吧

selvinzr commented 1 year ago

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

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

这个后续研究一下吧

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