默认的打包过程：
默认情况下，在构建整个组件树的过程中，因为组件和组件之间是通过模块化直接依赖的，那么webpack在打包时就会将组件模块打包到一起（比如一个app.js文件中）；
这个时候随着项目的不断庞大，app.js文件的内容过大，会造成首屏的渲染速度变慢；
打包时，代码的分包：
所以，对于一些不需要立即使用的组件，我们可以单独对它们进行拆分，拆分成一些小的代码块chunk.js；
这些chunk.js会在需要时从服务器加载下来，并且运行代码，显示对应的内容
打包：
输入打包命令：npmrunbuild，会生成dist目录。
二、测试在src目录下新建utils文件夹，在该文件夹下新建utils.js文件，并提供函数功能，并对外暴露。
在main.js中导入utils.js。
打包：npmrunbuild
三、在webpack进行分包修改main.js文件。使用import()动态导入模块：
查看打包效果：
四、Vue中实现异步组件购买专栏解锁剩余26%