当前位置: 首页 > Web前端 > vue.js

nuxt.js终极点播import-antdesignvue

时间:2023-03-31 15:08:33 vue.js

在网上看到了很多按需加载ui组件的案例,但是那不是我想要的1.首先我们来看一下错误的演示!!1.1.配置插件plugins\antd-ui.jsimportVuefrom'vue'importButtonfrom'ant-design-vue/lib/button'importStepsfrom'ant-design-vue/lib/steps'importFormfrom'ant-design-vue/lib/form'importInputfrom'ant-design-vue/lib/input'Vue.use(Button)Vue.use(Steps)//步骤栏Vue.use(Form)Vue.use(Form.Item)Vue.use(输入)1.2。引入css样式nuxt.config.js\#nuxt.config.jsmodule.exports\={css:\['./style/basic.less''ant-design-vue/lib/button/style/index.css','ant-design-vue/lib/steps/style/index.css','ant-design-vue/lib/form/style/index.css','ant-design-vue/lib/input/style/index.css'\],plugins:\[{src:'@/plugins/antd-ui',ssr:true}\],}不知道大家看看有什么问题,还是去官方看看吧文档寻找一些线索和重点!!!!!css引入的样式是全局样式!!!如果这是一个SPA,我觉得这样还可以,但是我们是SSR,需要进一步优化2.真正的按需加载,我们放弃全局样式加载,参考导入'@/node\_modules/ant-design-vue/lib/button/style/index.css'导入'@/node\_modules/ant-design-vue/lib/steps/style/index.css'导入'@/node\_modules/ant-design-vue/lib/form/style/index.css'import'@/node\_modules/ant-design-vue/lib/input/style/index.css'exportdefault{components:{}}}}虽然可能不是很优雅,但这才是真正的SSR按需加载UI组件

最新推荐
猜你喜欢