简述
构筑vue的这时候，通常都采用vue非官方所推荐的实用性文件辅助工具。须要装箱的这时候，预设会把大部份标识符分拆制造新文档,当中主要包括各式各样库，就会引致装箱出非常大。假如采用cdn不然,会更有利于流程的读取速率。
在Vue项目中，引入到工程建设中的大部份js、css文档，校对时单厢被装箱进vendor.js，应用流程在读取该文档后就可以已经开始表明井字。若是引入的库为数众多，所以vendor.js文档表面积Sonbhadra十分的大，负面影响首创的新体验。
解决方式是，将提及的内部js、css文档拆分开去，不校对到vendor.js中，而要用天然资源的方式提及，这种应用流程能采用数个缓存触发器将vendor.js、内部的js等读取留下来，达至快速首创的目地。
内部的库文档，能采用CDN天然资源，或是其它服务器天然资源等。
上面，以引入vue、vuex、vue-router为例，表明处置业务流程。
天然资源引入
在index.html中，加进CDN天然资源，比如bootstrap上的天然资源：
加进实用性
在bulid/webpack.base.conf.js文档中，减少externals，将提及的内部组件引入，如下表所示：
module.exports ={entry:{app:./src/main.js},externals:{vue:Vue,vue-router:VueRouter,vuex:Vuex}
特别注意一点儿：
文件格式为aaa: bbb,当中，aaa则表示要引入的天然资源的英文名字，bbb则表示该组件提供更多给内部提及的英文名字，由相关联的库自订。比如，vue为Vue，vue-router为VueRouter.
去掉原有的提及
去掉import，如：
// import Vue from vue// import Router from vue-router
去掉Vue.use(XXX)，如：
Vue.use(Router)
测试
重新npm run build，会看到 vendor.js表面积有所下降了。我自已的个人主页中，将大部份的内部组件，采用CDN引入后，vendor.js从1M，降为30k左右。
通过开发者模式的Network辅助工具，能看到vue.js、vuex.js、vendor.js等文档会分别由一个缓存进行读取。且因为采用了CDN，减轻了带宽压力。
