ИМПОРТ


Импортирование Three.js при помощи тегов <script> является хорошим и быстрым решением, однако в долгоживущих проектах это может вызвать ряд проблем. Например:

При помощи пакетного менеджера npm можно избежать всех этих проблем, т.к. он позволяет просто скачать и импортировать нужную вам версию библитеки.


установка через npm

Three.js опубликован как модуль для npm, а это означает, что для включения библиотеки в свой проект, вам всего лишь необходимо выполнить консольную команду npm install three

импорт модуля

Подразумевается, что вы используете для сборки своих проектов Webpack или Browserify, которые позволяют использовать в браузере команду require('modules') для подключения всех зависимостей.

Таким образом вы сможете испортировать модули в ваш исходный код и использовать их в работе.

var THREE = require('three');

var scene = new THREE.Scene();
...

Так же можно использовать ES6 import syntax:

import * as THREE from 'three';

const scene = new THREE.Scene();
...
Или импортировать только части модуля
import { Scene } from 'three';

const scene = new Scene();
...

предупреждения

Currently it's not possible to import the files within the 'examples/js' directory in this way. This is due to some of the files relying on global namespace pollution of THREE. For more information see

Яндекс.Метрика