vue.js - vue-amap可以不在入口的main.js加载吗？

问题描述

问 题

我做的是微信端页面，需要大大减少用户第一次加载的js文件，现在是按照标准文档在main.js加载的，没问题：

import AMap from 'vue-amap';
// 初始化vue-amap
AMap.initAMapApiLoader({
  // 高德的key
  key: 'XXXXXXXX',
  // 插件集合
  plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Geolocation']
});
Vue.use(AMap)

但是这样，打包出来的
vendor.XXX.js就会自动包含了amap的js么？
而这个地图功能，整个前端只有一个页面在用。能不能具体那个页面再加载这个amap的js呢？

解决方案

可以使用异步组件，在需要使用这个组件时才加载它 vue异步组件
配合webpack的code splitting，上面的文档也有提到

这篇关于vue.js - vue-amap可以不在入口的main.js加载吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！