vue引入three.js打开pcd文件报错 ‘PCDLoader‘ is not defined

在.vue文件中使用 * 引入后three后，new THREE.PCDLoader()会报错，其他的loader也是这样

import * as THREE from 'three'

var loader = new THREE.PCDLoader()

查询文档过后发现只需要在引入中修改为以下代码即可

import * as THREE from 'three'
import { PCDLoader } from 'three/examples/jsm/loaders/PCDLoader.js' // 注意是examples/jsm

var loader = new PCDLoader()