本文主要為大家介紹了關於three.js中文文檔學習之透過模組導入的相關資料，文中透過範例程式碼介紹的非常詳細，對大家學習或使用three.js具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。
前言
本文主要為大家介紹了關於three.js透過模組導入的相關內容，透過script 標籤導入three.js 是很好的入門并快速運行的方式，對於長期更新的專案有些不足，例如：
你需要手動呼叫和引入庫裡的副本，作為你專案原始碼的一部分。
更新庫的版本是手動的過程
#當引入新版本庫，你的版本管理差異會與原始檔混亂
使用像NPM 這樣的依賴管理能避免這些版本問題的不足。
透過 NPM 安裝
three.js 已作為 npm 模組發布，詳見：npm。關於npm的卸載與安裝大家可以參考這篇文章：http://www.jb51.net/article/90518.htm，這裡就不過多介紹了，安裝成功後，只需要運行npm install three， three.js便會包含在你專案之中。
導入模組
假定你使用Webpack 或 Browserify 的打包工具，會允許你在程式碼中使用 require('modules')引用打包的所有相依性。
你現在應該能在原始碼中導入模組並且能照常進行。
var THREE = require('three');
var scene = new THREE.Scene();你也能運用ES6導入語法
import * as THREE from 'three'; const scene = new THREE.Scene();
或你想要導入three.js 庫中的部分，例如導入Scene:
import {Scene} from 'three';
const scene = new Scene();警告
目前無法透過在"examples/js"目錄下匯入所有檔案。這是由於有些檔案依賴全域命名空間 THREE 而導致污染。詳詢Transform examples/js to support modules #9562.
相關推薦：
以上是three.js透過模組導入實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！
