溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“three.js中如何通過模塊導入”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“three.js中如何通過模塊導入”這篇文章吧。
前言
通過 script 標簽導入 three.js 是很好的入門并快速運行的方式，對于長期更新的項目有些不足，比如：
你需要手動調用和引入庫里的副本，作為你項目源碼的一部分。
更新庫的版本是手動的過程
當引入新版本庫，你的版本管理差異會與源文件混亂
使用像 NPM 這樣的依賴管理能避免這些版本問題的不足。
通過 NPM 安裝
three.js 已作為 npm 模塊發布，詳見：npm。關于npm的卸載與安裝大家可以參考這篇文章：https://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中如何通過模塊導入”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
