vue項(xiàng)目打包部署會(huì)生成2個(gè)js：vendor.js和app.js
vendor.js 引入的第三方庫(kù)
app.js 項(xiàng)目里自己寫的所有代碼的合集
在項(xiàng)目過大或者項(xiàng)目存放了大量圖片時(shí)茬底，打包的時(shí)候會(huì)發(fā)現(xiàn)app.js太大影響項(xiàng)目一開始的加載速度骡送。這個(gè)時(shí)候我們可以將部分頁(yè)面用路由懶加載的形式實(shí)現(xiàn)逐虚。
main.js
//正常的實(shí)現(xiàn)路由方式：(打包的后會(huì)在app.js中)
import Agreement from './components/agreement'
//AMD風(fēng)格的異步加載：(打包后不在app.js內(nèi)滋尉，會(huì)生成單獨(dú)的js文件)
const Agreement = resolve => require(['./components/agreement.vue'], resolve)
const routes = [
{ path: '/agreement', name: "agreementLink", component: Agreement },
]
