three.js中文文檔 2.經過模塊導入

2.經過模塊導入

標籤： three.js

經過 script 標籤導入 three.js 是很好的入門並快速運行的方式，對於長期更新的項目有些不足，好比：

• 你須要手動調用和引入庫裏的副本，做爲你項目源碼的一部分。
• 更新庫的版本是手動的過程
• 當引入新版本庫，你的版本管理差別會與源文件混亂

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

經過 NPM 安裝

three.js 已做爲 npm 模塊發佈，詳見：npm。只須要運行 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.