你好,请问如何把antd 替换为 @alifd/next

easy-team / egg-react-webpack-boilerplate

Egg React Server Side Render(SSR) / Client Sider Render(CSR)

https://easyjs.cn/egg-react

MIT License

671 stars 93 forks source link

你好,请问如何把antd 替换为 @alifd/next #41

Closed lijinshanmx closed 5 years ago

lijinshanmx commented 5 years ago

我引入了@alifd/next以后,然后显示一个button,但是这个button没有css样式.所以我应该怎么解决一下,谢谢了~ import '@alifd/next/lib/button/style'; <Button type="primary" size="large"><Icon type="atm" />Large</Button>

lijinshanmx commented 5 years ago

换句话说,就是我使用的是阿里飞冰(ice works),里面用到的@alifd/next,是但是我想服务端来渲染,所以我想知道,ice works生成的项目,能不能用这个模板来改装,然后变成服务端渲染的?

hubcarl commented 5 years ago

@lijinshanmx 可以的，只要 ice works 相关组件支持（组件里面服务端执行代码没有window，document 等之类）服务端渲染就行，具体你可以试试，有问题可以随时反馈

lijinshanmx commented 5 years ago

@hubcarl 我把@alifd/next的style配置在.babelrc,可是不生效,但是我看你们的antd都是这样引用的啊,如果我把css在jsx里面import,就可以生效了,所以我该怎么配置下

lijinshanmx commented 5 years ago

就是我不想把那个next.css,放到jsx文件中引用,就是配置一下,然后全局使用就ok了.

lijinshanmx commented 5 years ago

解决了,看来,这个项目库应该完全兼容飞冰的. ['babel-plugin-import', { libraryName: '@alifd/next', style: true }]