减少打包体积

src/mock/index.js

 import caolu from './caolu'
-import caoluBuilding from './caolu-building'
+// import caoluBuilding from './caolu-building'
 import dongming from './dongming'
-import dongmingBuilding from './dongming-building'
+// import dongmingBuilding from './dongming-building'
 import gaodong from './gaodong'
-import gaodongBuilding from './gaodong-building'
+// import gaodongBuilding from './gaodong-building'
 import gaoxing from './gaoxing'
-import gaoxingBuilding from './gaoxing-building'
+// import gaoxingBuilding from './gaoxing-building'
 import hangtou from './hangtou'
-import hangtouBuilding from './hangtou-building'
+// import hangtouBuilding from './hangtou-building'
 import hudong from './hudong'
-import hudongBuilding from './hudong-building'
+// import hudongBuilding from './hudong-building'
 import huamu from './huamu'
-import huamuBuilding from './huamu-building'
+// import huamuBuilding from './huamu-building'
 import jinqiao from './jinqiao'
-import jinqiaoBuilding from './jinqiao-building'
+// import jinqiaoBuilding from './jinqiao-building'
 import jinyang from './jinyang'
-import jinyangBuilding from './jinyang-building'
+// import jinyangBuilding from './jinyang-building'
 import lujiazui from './lujiazui'
-import lujiazuiBuilding from './lujiazui-building'
+// import lujiazuiBuilding from './lujiazui-building'
 import shuyuan from './shuyuan'
-import shuyuanBuilding from './shuyuan-building'
+// import shuyuanBuilding from './shuyuan-building'
 import beicai from './beicai'
-import beicaiBuilding from './beicai-building'
+// import beicaiBuilding from './beicai-building'
 import kangqiao from './kangqiao'
-import kangqiaoBuilding from './kangqiao-building'
+// import kangqiaoBuilding from './kangqiao-building'
 import nanhui from './nanhui'
-import nanhuiBuilding from './nanhui-building'
+// import nanhuiBuilding from './nanhui-building'
 import nanmatou from './nanmatou'
-import nanmatouBuilding from './nanmatou-building'
+// import nanmatouBuilding from './nanmatou-building'
 import nicheng from './nicheng'
-import nichengBuilding from './nicheng-building'
+// import nichengBuilding from './nicheng-building'
 import puxing from './puxing'
-import puxingBuilding from './puxing-building'
+// import puxingBuilding from './puxing-building'
 import sanlin from './sanlin'
-import sanlinBuilding from './sanlin-building'
+// import sanlinBuilding from './sanlin-building'
 import tangzhen from './tangzhen'
-import tangzhenBuilding from './tangzhen-building'
+// import tangzhenBuilding from './tangzhen-building'
 import wanxiang from './wanxiang'
-import wanxiangBuilding from './wanxiang-building'
+// import wanxiangBuilding from './wanxiang-building'
 import weifang from './weifang'
-import weifangBuilding from './weifang-building'
+// import weifangBuilding from './weifang-building'
 import xinchang from './xinchang'
-import xinchangBuilding from './xinchang-building'
+// import xinchangBuilding from './xinchang-building'
 import xuanqiao from './xuanqiao'
-import xuanqiaoBuilding from './xuanqiao-building'
+// import xuanqiaoBuilding from './xuanqiao-building'
 import yangjing from './yangjing'
-import yangjingBuilding from './yangjing-building'
+// import yangjingBuilding from './yangjing-building'
 import zhangjiang from './zhangjiang'
-import zhangjiangBuilding from './zhangjiang-building'
+// import zhangjiangBuilding from './zhangjiang-building'
 import zhoupu from './zhoupu'
-import zhoupuBuilding from './zhoupu-building'
+// import zhoupuBuilding from './zhoupu-building'
 import zhuqiao from './zhuqiao'
-import zhuqiaoBuilding from './zhuqiao-building'
+// import zhuqiaoBuilding from './zhuqiao-building'
 import chuansha from './chuansha'
-import chuanshaBuilding from './chuansha-building'
+// import chuanshaBuilding from './chuansha-building'
 import datuan from './datuan'
-import datuanBuilding from './datuan-building'
+// import datuanBuilding from './datuan-building'
 import gaoqiao from './gaoqiao'
-import gaoqiaoBuilding from './gaoqiao-building'
+// import gaoqiaoBuilding from './gaoqiao-building'
 import heqing from './heqing'
-import heqingBuilding from './heqing-building'
+// import heqingBuilding from './heqing-building'
 import laogang from './laogang'
-import laogangBuilding from './laogang-building'
+// import laogangBuilding from './laogang-building'
 import shanggang from './shanggang'
-import shanggangBuilding from './shanggang-building'
+// import shanggangBuilding from './shanggang-building'
 import tangqiao from './tangqiao'
-import tangqiaoBuilding from './tangqiao-building'
+// import tangqiaoBuilding from './tangqiao-building'
 import huinan from './huinan'
-import huinanBuilding from './huinan-building'
+// import huinanBuilding from './huinan-building'
 
 export const mockCommunity = {
   caolu,
@@ -107,40 +107,40 @@ export const mockCommunity = {
   huinan,
 }
 
-export const mockBuilding = {
-  jinyangBuilding,
-  yangjingBuilding,
-  chuanshaBuilding,
-  caoluBuilding,
-  jinqiaoBuilding,
-  sanlinBuilding,
-  shanggangBuilding,
-  laogangBuilding,
-  tangqiaoBuilding,
-  huinanBuilding,
-  heqingBuilding,
-  datuanBuilding,
-  gaoqiaoBuilding,
-  zhuqiaoBuilding,
-  zhoupuBuilding,
-  zhangjiangBuilding,
-  tangzhenBuilding,
-  xinchangBuilding,
-  xuanqiaoBuilding,
-  weifangBuilding,
-  wanxiangBuilding,
-  puxingBuilding,
-  nichengBuilding,
-  nanmatouBuilding,
-  nanhuiBuilding,
-  kangqiaoBuilding,
-  beicaiBuilding,
-  lujiazuiBuilding,
-  hangtouBuilding,
-  gaoxingBuilding,
-  gaodongBuilding,
-  hudongBuilding,
-  dongmingBuilding,
-  huamuBuilding,
-  shuyuanBuilding,
-}
+// export const mockBuilding = {
+//   jinyangBuilding,
+//   yangjingBuilding,
+//   chuanshaBuilding,
+//   caoluBuilding,
+//   jinqiaoBuilding,
+//   sanlinBuilding,
+//   shanggangBuilding,
+//   laogangBuilding,
+//   tangqiaoBuilding,
+//   huinanBuilding,
+//   heqingBuilding,
+//   datuanBuilding,
+//   gaoqiaoBuilding,
+//   zhuqiaoBuilding,
+//   zhoupuBuilding,
+//   zhangjiangBuilding,
+//   tangzhenBuilding,
+//   xinchangBuilding,
+//   xuanqiaoBuilding,
+//   weifangBuilding,
+//   wanxiangBuilding,
+//   puxingBuilding,
+//   nichengBuilding,
+//   nanmatouBuilding,
+//   nanhuiBuilding,
+//   kangqiaoBuilding,
+//   beicaiBuilding,
+//   lujiazuiBuilding,
+//   hangtouBuilding,
+//   gaoxingBuilding,
+//   gaodongBuilding,
+//   hudongBuilding,
+//   dongmingBuilding,
+//   huamuBuilding,
+//   shuyuanBuilding,
+// }

src/router/index.js

 import Vue from 'vue'
 import Router from 'vue-router'
 const Main = () => import('@/views/main.vue')
-const Test = () => import('@/views/test.vue')
+// const Test = () => import('@/views/test.vue')
 
 Vue.use(Router)
 
@@ -12,10 +12,10 @@ export default new Router({
       name: 'main',
       component: Main,
     },
-    {
-      path: '/test',
-      name: 'test',
-      component: Test,
-    },
+    // {
+    //   path: '/test',
+    //   name: 'test',
+    //   component: Test,
+    // },
   ]
 })

src/views/main.vue

@@ -28,7 +28,7 @@ const {AMap} = window
 const star1 = require('@/assets/images/star1.png')
 const star2 = require('@/assets/images/star2.png')
 const star3 = require('@/assets/images/star3.png')
-import {mockCommunity, mockBuilding} from '@/mock/index.js'
+import {mockCommunity} from '@/mock/index.js'
 export default {
   name: 'Map3D',
   data() {
@@ -91,7 +91,6 @@ export default {
         features:['bg','road'],
       },
       areaList: mockCommunity,
-      buildingList: mockBuilding,
       streetList: [],
       curStreetPolygon: null,
       curStreet: null,
@@ -250,10 +249,8 @@ export default {
       this.addMarker(name)
     },
     handleDetail({name}) {
-      const buildingList = this.buildingList[`${this.curStreet}Building`]
-      if (!buildingList) return
-      // this.detailData = buildingList.building.filter(item => item.name.indexOf(name) >= 0)
-      this.detailData = buildingList.building.filter(item => {
+      if (!this.buildingData) return
+      this.detailData = this.buildingData.building.filter(item => {
         const buildingName = item.name && (item.name + '').replace('(补)', '').replace('（补）', '')
         return buildingName.indexOf(name) >= 0 || (item.buildingNo + '').indexOf(name) >= 0
       })
@@ -275,8 +272,8 @@ export default {
       const communityList = []
       if (street) {
         communityList.push(...this.areaList[street].community)
-        if (this.buildingList[`${street}Building`]) {
-          communityList.push(...this.buildingList[`${street}Building`].community) // 添加个别不同色的，手动上色的楼栋
+        if (this.buildingData) {
+          communityList.push(...this.buildingData.community) // 添加个别不同色的，手动上色的楼栋
         }
       } else {
         keys.forEach(key => {
@@ -347,7 +344,7 @@ export default {
     },
     addMarker(name) {
       this.map.remove(this.markerList) // 移除之前的marker
-      if (!this.buildingList[`${this.curStreet}Building`]) return
+      if (!this.buildingData) return
       const whichImage = (intention) => {
         if (intention.indexOf('一') >= 0) {
           return {
@@ -367,7 +364,7 @@ export default {
         }
       }
       const markerList = []
-      this.buildingList[`${this.curStreet}Building`].building.forEach(item => {
+      this.buildingData.building.forEach(item => {
         const buildingName = item.name && (item.name + '').replace('(补)', '').replace('（补）', '')
         if (buildingName.indexOf(name) < 0 && (item.buildingNo + '').indexOf(name) < 0) return
         if(item.lon && item.lat && item.intention) {
@@ -595,6 +592,10 @@ export default {
   computed: {
     tableHeight() {
       return screen.height / 2
+    },
+    buildingData() {
+      const data = require(`@/mock/${this.curStreet}-building.js`)
+      return (data && data.default) || null
     }
   }
 }