vue项目的按需加载

        使用 vue-cli构建的项目,在默认情况下 ,执行 npm run build  会将所有的js代码打包为一个整体，而这个文件一般会比较大，可能几兆甚至几十兆，结果导致页面加载时间过长，对于用户来说这是一个极不友好的体验，所以有些时候我们就需要用到‘按需加载’。

        所谓按需加载，就是当用户有触发动作时，页面才会去加载所需文件。这会大大缩短用户加载所需页面时长，提高用户体验。

        而对于vue模块引用来说，我们没必要在一开始就将所有模块js都引入进来，所以我们要将‘src/router/index.js’中引入模块的代码进行修改。在vue中默认的引入路由的代码为‘import Hello from '@/components/Hello'’， 我们将其改成‘const Hello = resolve => require(['./../components/Hello'], resolve)’，分模块进行打包。

打包之后的dist目录下是这样的

这样就可以将一个大的js文件拆分为一个个小的文件，根据用户触发事件进行按需加载了。