前言

本文主要給大家介紹了關(guān)于three.js通過模塊導(dǎo)入的相關(guān)內(nèi)容，通過 script 標(biāo)簽導(dǎo)入 three.js 是很好的入門并快速運(yùn)行的方式，對于長期更新的項(xiàng)目有些不足，比如：

• 你需要手動(dòng)調(diào)用和引入庫里的副本，作為你項(xiàng)目源碼的一部分。
• 更新庫的版本是手動(dòng)的過程
• 當(dāng)引入新版本庫，你的版本管理差異會(huì)與源文件混亂

使用像 NPM 這樣的依賴管理能避免這些版本問題的不足。

通過 NPM 安裝

three.js 已作為 npm 模塊發(fā)布，詳見：npm。關(guān)于npm的卸載與安裝大家可以參考這篇文章：//www.survivalescaperooms.com/article/90518.htm，這里就不過多介紹了，安裝成功后，只需要運(yùn)行 npm install three， three.js 便會(huì)包含在你項(xiàng)目之中。

導(dǎo)入模塊

假定你使用Webpack 或者 Browserify 的打包工具，會(huì)允許你在代碼中使用 require('modules')引用打包的所有依賴項(xiàng)。

你現(xiàn)在應(yīng)該能在源碼中導(dǎo)入模塊并且能按常進(jìn)行。

var THREE = require('three');var scene = new THREE.Scene();

你也能運(yùn)用 ES6導(dǎo)入語法

import * as THREE from 'three';const scene = new THREE.Scene();

或者你想要導(dǎo)入 three.js 庫中的部分，比如導(dǎo)入 Scene:

import {Scene} from 'three';const scene = new Scene();

警告

目前不能通過在 "examples/js"目錄下導(dǎo)入所有文件。這是由于有些文件依賴全局命名空間 THREE 而導(dǎo)致污染。詳詢 Transform examples/js to support modules #9562.

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對武林網(wǎng)的支持。