vue-router懒加载

1.在创建路由的配置文件中改变引入组件的方式，将原始引入方式改为异步引入

// 原始引入方式 import Home from "@pages/home"; // 异步引入方式 const Home = () => import('@/pages/home');

2.修改webpack的output配置

修改 build/webpack.base.conf.js

// 添加chunkFilename: '[name].js',如下所示 output: { path: config.build.assetsRoot, filename: '[name].js', chunkFilename: '[name].js', publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath },

 

ps: vue异步组件添加各个状态组件