Import via modules

Import via modules

虽然通过<script>标签导入three.js是一个好办法，但是这种方式在寿命较长的项目中有致命的缺点，比如：

• 需要手动获取，而且必须将代码保存一份在你的项目中
• 需要手动更新版本号
• 当检查新的版本库时，版本控制差异会导致代码混乱

使用npm这种依赖管理器可以避免这些，只需要将想用的版本下载并导入到项目中即可。

Installation via npm

Three.js发布了npm 模块，可以看npm。这意味着，使用three.js只需要添加three.js包在项目中，然后执行”npm install three”

Importing the module

在使用允许以”require(‘module’)”方式引入依赖的构建工具中，比如说Webpack 或者Browserify ，可以像普通文件一样导入three.js到文件中。

var THREE = require('three');
var scene = new THREE.Scene();

也可以使用 ES6 Import syntax：

import * as {THREE} from 'three';
const scene = new THREE.Scene();

或者你只想引入three.js的一部分，比如说Scene：

import {Scene} from 'three';
const scene = new Scene();

Caveats

目前无法使用这种方式来导入”examples/js”中的文件。这是因为一些文件依赖three的 global namespace pollution(?)。从这里可以了解到更详细的信息Transform examples/js to support modules #9562 。