为何路由懒加载编写后代码未实现分割效果？

本文共计1044个文字，预计阅读时间需要5分钟。

事件的起因是这样的，近期有一部分的精力都在做项目性能优化上，之前有一个项目出现了一个老大难的问题困扰了很久，一直没时间去关注，正好现在一并解决了。这个问题其实很简单。

事情的起因是这样的，最近有相当一部分的精力都在做项目的性能优化上，之前有一个项目出现了一个老大难的问题纠结很久了，一直没时间去看，正好一并解决一下。这个问题很简单：我用vue-cli创建的项目，按照vue的路由懒加载写法，打包后却发现代码并没有分割，全部都打包到app.js中了，导致app.js体积过大，且没有路由的按需加载了。

找出问题的原因

我开始思考问题原因可能是以下几点造成的：

1. 路由懒加载写法不对；
2. vue-cli版本问题；
3. vue-cli的配置问题。

但是这三个可能得原因很快排除了，因为有一个项目上面三个都一样，代码分割正常，那只能是代码问题了。但是那么多文件总不能全部review一遍吧，毫无头绪之下只能采用朴素但实用二分法的方式定位问题文件了。