ant design pro 加载慢_ant design pro项目打包后页面加载缓慢
用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项目打包后页面加载缓慢的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 怎样增加混凝土粘聚性_如何改善中低强度等
- 下一篇： 5加载stm32 keil_「keil」