search

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

how can I import antd? #3

Closed weihomechen closed 7 years ago

weihomechen commented 7 years ago

想要引入antd这个库，install i antd --save-dev后，在组件页面使用import { Button, Icon } from 'antd';，没有效果，该怎么样集成第三方库呢？谢谢

hubcarl commented 7 years ago

@weihomechen ant design demo 请参考 egg-react-webpack-boilerplate/app/web/page/ant/tab/tab.jsx 实现。 另外在 ｀/egg-react-webpack-boilerplate/.babelrc ｀ 文件中加 ["import", { libraryName: "antd", style: "css" }]] 配置， 这样 ant-design 组件就可以按需打打包，否则打包文件会很大。 注意 如果要引入 node_modules 下的 css文件， 需要在 ｀webpack.config.js｀里面增加配置, 默认 easywebpack 是排除 node_modules

loaders{ 
 css: {
      exclude: []
}}
weihomechen commented 7 years ago

@hubcarl antd已经可以使用啦，如果想要自定义webpack config是不是在webpack.config.js写就好了？自定义的config会覆盖默认的config？

hubcarl commented 7 years ago

是的，webpack.config.js 配置说明 http://hubcarl.github.io/easywebpack/webpack/config/