react中使用antd遇到的问题

1.less使用报错

less配置修改通常都是1个修改1个增长

test: /\.(css|less)$/, // 修改

// 增长 { loader: require.resolve('less-loader') // compiles Less to CSS }

将增长的改成{ loader: 'less-loader', options: { javascriptEnabled: true } }即可以使用了

2.项目打包后文件很大。js文件很大，css文件也不小，致使项目访问太慢

要注意antd能够按需引用（所有引入，js可能会多出1M左右，css多出几百K）

import Button from 'antd/lib/button';
import 'antd/lib/button/style'; // 或者 antd/lib/button/style/css 加载 css 文件，前者加载的是less文件

参考网址： http://www.cnblogs.com/txwslyf/p/6931149.html