vue单页面项目打包之后生成很多个js文件

问题：一个vue单页面项目，但是打包之后生成了很多个js文件，和css文件

 原因是因为这种写法是路由懒加载（官方解释）

component: () => {
      return import('../views/login/index.vue');
  }

() => import表明是你要异步加载一个组件，所以他会把这个组件单独进行打包，需要时再进行加载。这样能确保你最主要的包比较小，其他不太重要或者需要时才加载的，则另行打包。

import Vue from 'vue';
import VueRouter from 'vue-router';
 
Vue.use(VueRouter);
 
const routes = [
  {
    path: '/',
    nam