Cesium(十二)webpack+vue+cesium加載gltf(不推薦)

最近一直在用webpack+vue+cesium，有時感覺很方便，但是有些東西確實感覺很噁心。對於我這麼一個webpack+vue用的不怎麼熟練的人，報錯總是很頭疼。這還不是令人無語的。最令人無語的是它不報錯，也沒有預期的效果。前天遇到加載gltf，結果就是報錯json語法錯誤，查遍全網一點頭緒。最終有幸在一篇文章找到思路，下面介紹在webpack+vue如何用gltf

一、配置webpack.base.conf
在rules添加如下：

rules[
..................
      {
        // match all .gltf files
        test: /\.(gltf)$/,
        loader: 'url-loader'
      }
]

二、vue中import引入

import gltfFile from '../assets/CesiumAir/CesiumAir.gltf'

三、將gltfFile在vue的data中賦值一個變量

data() {
    return {
      gltfUrl: gltfFile
    }

四、調用

let roaming=new Roaming(this.viewer,{
    'modeluri':this.gltfUrl,
    'time':360,
    'start':start,
    'stop':stop,
    'Lines':Lines,
    'isPathShow':true
  })