一 路由懒加载
{
path: 'customerInfo',
name: 'customerInfo',
meta: {title: '客户信息', keepAlive: false},
component: resolve => require(['@/components/user/customerInfo'], resolve)
}
二 将config目录下的index.js文件中的字段productionSourceMap改成false (productionSourceMap为false:不生成对应的.map文件;反之生成)

三 使用CDN方式引入公共包(注意:CND引入js库的版本要和package.json中js库对应的版本保持一致),配合webpack externals做相关处理,防止公共库被打包到app.js和vendor.js文件
1. 在index.html文件中使用CDN方式引入js/css

2. 在webpack.base.conf.js文件中配置externals属性


本文介绍了一种通过懒加载优化路由的方法,以及如何在生产环境中关闭.map文件生成,使用CDN引入公共包并配置webpack以减少打包体积,提高应用性能。
1419

被折叠的 条评论
为什么被折叠?



