用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,

};

打包的時候報錯，

向大家請教一下，

總結

以上是生活随笔為你收集整理的ant design pro 加载慢_ant design pro项目打包后页面加载缓慢的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。