vue 项目生成了很多的js文件

Question

这是router的内容，

这是生成的很多的js文件， 这个是每个页面都单独打包了js吗？ 这种大佬们一般都是怎么处理的。

Answer 1

你的写法是异步路由或者叫路由懒加载（官方解释），所以每个页面都会分割成单独的页面（也即js文件）。如果不想这样处理，引用路由文件的方式要变下：

import ChoiceCity from './views/home/choiceCity.vue';
....

Answer 2

可以根据单组件大小跟总体文件请求数量的利弊自行决定是否需要懒加载

Answer 3

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

如果你不想这么多的打包，则可以：

import About from './views/about/about.vue'

Answer 4

和你路由包引入的方式有关

Answer 5

遇到了同样的问题、你最后怎么解决的