用ant design pro框架做的項(xiàng)目，打包之后每一個(gè)頁面加載的速度都特別慢，在.webpackrc里面配置了ignoreMomentLocale: true, disableDynamicImport: false, 進(jìn)行按需加載還是運(yùn)行速度緩慢
瀏覽器加載時(shí)有個(gè)js加載了1s多，打包了以后的js也很大

請(qǐng)教一下大家，怎么做一下打包優(yōu)化，還有頁面性能的問題

我分析了文件大小，做了公共模塊的的提取 用的是roadhog2.3 打包的時(shí)候報(bào)錯(cuò)了
我在.webpackrc里面配置了common

const path = require('path');
let webpack = require('webpack');
export default {
entry: {

'app': './src/index.js',
vendor: [
  'react',
  'react-dom',
  'react-router',
  'moment',
],
antd: [
  'antd/lib/button',
  'antd/lib/card',
  'antd/lib/checkbox',
  'antd/lib/col',
  'antd/lib/row',
  'antd/lib/date-picker',
  'antd/lib/form',
  'antd/lib/icon',
  'antd/lib/input',
  'antd/lib/layout',
  'antd/lib/menu',
  'antd/lib/table',
  'antd/lib/tree-select',
  'antd/lib/tooltip',
],
bizcharts: [
  'bizcharts/lib/components/Axis',
  'bizcharts/lib/components/Chart',
  'bizcharts/lib/components/Geom',
  'bizcharts/lib/components/Guide',
  'bizcharts/lib/components/Label',
  'bizcharts/lib/components/Legend',
  'bizcharts/lib/components/Tooltip',
]

},
// entry: 'src/index.js',
publicPath: process.env.NODE_ENV === 'production' ? '/assets/' : '/',
extraBabelPlugins: [

['import', { libraryName: 'antd', libraryDirectory: 'es', style: true }],

],
"env": {

"development": {
  "extraBabelPlugins": ['dva-hmr'],
  "define": {
    "request_root": "api",
    "request_version": "v1"
  }
},
"production": {
  "define": {
    "request_root": "",
    "request_version": "v1"
  },
  "extraBabelPlugins": [ ["transform-remove-console", { "exclude": [ "error", "warn"] }] ],
}

},
alias: {

components: path.resolve(__dirname, 'src/components/'),

},
commons: [

new webpack.optimize.CommonsChunkPlugin({
  names: ['antd', 'vendor', 'bizcharts'],
  minChunks: Infinity
})

],
ignoreMomentLocale: true,
disableDynamicImport: false,
theme: './src/theme.js',
html: {

template: './src/index.ejs',

},
hash: true,
};
打包的時(shí)候報(bào)錯(cuò)，

向大家請(qǐng)教一下，