es6 Импорт of three.js

Question

Мой рабочий процесс для es6 использует babel и babel-plugin-transform-es2015-modules-system.js только для Импорт/экспорт модуля преобразования для использования с system.js. Я просто использую «зеленый» браузер для всех функций es6, кроме импорта/экспорта модулей .. которые являются стандартом whatwg, таким образом, не «es6».

Это хорошо работает с библиотеками (не-es6), я могу «импортировать» все необходимые мне пакеты npm. Каким-то образом babel, только модули babel преобразуются, и system.js волшебным образом работает.

За исключением трех .js. Я попробовал это со всеми тремя релизами: three.js, three.min.js & three.modules.js. Первые два сбой молча, что приводит к «неопределенному» модулю. Третий терпит неудачу, желая отслеживать .. Я предполагаю, что для system.js-подобного преобразования?

Итак, что мне нужно сделать, чтобы использовать three.js в моем мире es6?

Я думаю, я мог бы использовать тег <script> и глобальный для трех. Или, возможно, использовать rollup/webpack для устранения модулей?

Но я уверен, что есть разумное решение. В конце концов, three.js использует внутренние модули es6.

Answer 1

В выпуске произошла ошибка (только один день!). Я исправил его, но все еще имел проблемы. Я тем не менее считаю, что это действительно работает:

import * as THREE from 'etc/three.js' 

.. но более очевидные версии,

import THREE from 'etc/three.js' 
or 
import 'etc/three.js' 

, кажется, не работает.

Дайте мне знать, если вы заберете это лучше, чем это, что довольно случайно.

Answer 2

У меня была такая же проблема, но я понял, что ТРИ не экспортирует ТРИ, а вместо этого все разные модули. Проверьте раздел в файле three.js с экспортом:

exports.WebGLRenderTargetCube = WebGLRenderTargetCube; 
exports.WebGLRenderTarget = WebGLRenderTarget; 
exports.WebGLRenderer = WebGLRenderer; 
exports.ShaderLib = ShaderLib; 
exports.UniformsLib = UniformsLib; 
exports.UniformsUtils = UniformsUtils; 
exports.ShaderChunk = ShaderChunk; 
exports.FogExp2 = FogExp2; 
exports.Fog = Fog; 
exports.Scene = Scene; 
exports.LensFlare = LensFlare; 
exports.Sprite = Sprite; 
exports.LOD = LOD; 
exports.SkinnedMesh = SkinnedMesh; 
exports.Skeleton = Skeleton; 
exports.Bone = Bone; 
exports.Mesh = Mesh; 
exports.LineSegments = LineSegments; 
exports.Line = Line; 
exports.Points = Points; 
exports.Group = Group; 

... и т.д.

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

import * as THREE from 'three.js' 

Приветствиях