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