three.js中文文檔學習之通過模塊導入
前言
本文主要給大家介紹了關于three.js通過模塊導入的相關內容，通過 script 標簽導入 three.js 是很好的入門并快速運行的方式，對于長期更新的項目有些不足，比如：
- 你需要手動調用和引入庫里的副本，作為你項目源碼的一部分。
- 更新庫的版本是手動的過程
- 當引入新版本庫，你的版本管理差異會與源文件混亂
使用像 NPM 這樣的依賴管理能避免這些版本問題的不足。
通過 NPM 安裝
three.js 已作為 npm 模塊發(fā)布，詳見：npm。關于npm的卸載與安裝大家可以參考這篇文章：http://m.fzitv.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.
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關文章
這篇文章主要為大家介紹了時間處理工具?dayjs使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
這篇文章主要介紹了javascript實現(xiàn)單擊和雙擊并存的方法,可通過定義二次點擊的間隔時間來達到判斷單擊與雙擊的效果,是非常實用的技巧,需要的朋友可以參考下2014-12-12
JavaScript實現(xiàn)統(tǒng)計文本框Textarea字數(shù)增強用戶體驗
現(xiàn)在流行的Twitter等微博客網(wǎng)站，有一個很好的用戶體驗，就是在文本框中輸入文字的時候，會自動統(tǒng)計輸入的字符，并顯示用戶還能輸入的字符，在限制了140個字的微博客中，這樣的小提示可以很好的增強用戶體驗,本文也嘗試著實現(xiàn)一下2012-12-12
window.name代替cookie的實現(xiàn)代碼
window.name代替cookie的實現(xiàn)代碼，需要的朋友可以參考下。2010-11-11
這篇文章主要介紹了js實現(xiàn)多圖左右切換功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
在javascript開發(fā)中，js面試題是必問的一項，今天小編抽時間給大家整理些js常見的面試題，對js面試題相關知識感興趣的朋友一起看看吧2016-09-09
一些很實用且必用的小腳本代碼...2006-08-08
關于JS中setTimeout()無法調用帶參函數(shù)問題的解決方法
這篇文章主要介紹了關于JS中setTimeout()無法調用帶參函數(shù)問題的解決方法,提供了2種解決方法供大家對比參考,需要的朋友可以參考下2016-06-06
PHP使用方法重載實現(xiàn)動態(tài)創(chuàng)建屬性的get和set方法
這篇文章主要介紹了PHP使用方法重載實現(xiàn)動態(tài)創(chuàng)建屬性的get和set方法,使用本文方法可以在一個類中不用在寫大量的set方法或get方法,需要的朋友可以參考下2014-11-11
之前做項目的時候在實現(xiàn)表單中file類型input選擇多圖片時有很多種實現(xiàn)方法，今天小編給大家分享基于php實現(xiàn)一種多文件上傳的方法，需要的朋友參考下吧2017-09-09