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