用ant design pro框架做的项目，打包之后每一个页面加载的速度都特别慢，在.webpackrc里面配置了ignoreMomentLocale: true, disableDynamicImport: false, 进行按需加载还是运行速度缓慢

浏览器加载时有个js加载了1s多，打包了以后的js也很大

请教一下大家，怎么做一下打包优化，还有页面性能的问题

我分析了文件大小，做了公共模块的的提取 用的是roadhog2.3 打包的时候报错了

我在.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,

};

打包的时候报错，

向大家请教一下，