這篇文章主要為大家展示了“three.js中如何通過模塊導入”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“three.js中如何通過模塊導入”這篇文章吧。

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于成都網(wǎng)站設計、網(wǎng)站制作、西鄉(xiāng)網(wǎng)絡推廣、微信小程序開發(fā)、西鄉(xiāng)網(wǎng)絡營銷、西鄉(xiāng)企業(yè)策劃、西鄉(xiāng)品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；成都創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供西鄉(xiāng)建站搭建服務，24小時服務熱線：18982081108，官方網(wǎng)址：chinadenli.net

前言

通過 script 標簽導入 three.js 是很好的入門并快速運行的方式，對于長期更新的項目有些不足，比如：

• 你需要手動調(diào)用和引入庫里的副本，作為你項目源碼的一部分。

• 更新庫的版本是手動的過程

• 當引入新版本庫，你的版本管理差異會與源文件混亂

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

通過 NPM 安裝

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

導入模塊

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

你現(xiàn)在應該能在源碼中導入模塊并且能按常進行。

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中如何通過模塊導入”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站標題：three.js中如何通過模塊導入
文章位置：http://chinadenli.net/article4/gogpoe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供App設計、網(wǎng)站導航、軟件開發(fā)、營銷型網(wǎng)站建設、手機網(wǎng)站建設、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)