前言

本文主要給大家介紹了關于three.js通過模塊導入的相關內容，通過 script 標簽導入 three.js 是很好的入門并快速運行的方式，對于長期更新的項目有些不足，比如：

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

通過 NPM 安裝

three.js 已作為 npm 模塊發布，詳見：npm。關于npm的卸載與安裝大家可以參考這篇文章：//www.gxlcms.com/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.

總結

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com