es6 three.jsのインポート

Question

私のワークフローでは、babelとbabel-plugin-transform-es2015-modules-system.jsからのみを使用します。 system.jsで使用する変換モジュールのインポート/エクスポート。私はモジュールのインポート/エクスポートを除くすべてのes6機能に "green"ブラウザを使用します。これはwhatwg標準であり、したがって "es6"ではありません。

これは従来の（es6以外の）ライブラリでうまく動作します。必要なすべてのnpmパッケージを「インポート」できます。何とかbabelモジュールだけを変換し、system.jsは魔法のように動作します。

three.jsを除く。 3つのリリース（three.js、three.min.js & three.modules.js）で試してみました。最初の2つは黙って失敗し、「未定義」モジュールになります。 3番目は失敗し、トレースを望んでいます..私はsystem.jsのような変換を推測しますか？

したがって、私のes6の世界でthree.jsを使用するには何が必要ですか？

私はちょうど<script>タグと3つのグローバルを使用することができますね。あるいは、ロールアップ/ウェブパックを使用してモジュールを削除することもできますか？

しかし、妥当な解決策があると思います。結局、three.jsは内部的にes6モジュールを使用します。

Answer 1

リリースにバグがありました（わずか1日前です）。私はそれを修正したが、まだ問題があった。

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

を..しかし、より明白バージョン、

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

が動作しているように見えません。しかし私は、これが作業を行うことがわかりました。

あなたがこれよりも優れていると私に知らせてください。これはかなりランダムです。

Answer 2

私はちょうど同じ問題を抱えていましたが、THREEは3つではなく、すべての異なるモジュールをエクスポートすることに気付きました。 輸出と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' 

乾杯