es6 Nhập ba.js

Question

Luồng công việc của tôi cho es6 sử dụng babel và babel-plugin-transform-es2015-modules-system.js để chỉ chuyển đổi nhập/xuất mô-đun để sử dụng với system.js. Tôi chỉ đơn giản sử dụng một trình duyệt "xanh" cho tất cả các tính năng es6 ngoại trừ việc nhập/xuất các mô-đun .. đó là một tiêu chuẩn whatwg do đó không phải là "es6".

Tính năng này hoạt động tốt với các thư viện cũ (non-es6), tôi có thể "nhập" tất cả các gói npm tôi cần. Bằng cách nào đó babel, chỉ với các mô-đun chuyển đổi babel, và system.js làm việc kỳ diệu.

Ngoại trừ ba.js. Tôi đã thử với cả ba bản phát hành: ba.js, three.min.js & three.modules.js. Đầu tiên hai không âm thầm, dẫn đến một mô-đun "không xác định". Thứ ba thất bại, muốn traceur .. Tôi đoán cho một biến đổi giống như system.js?

Vì vậy, tôi cần phải làm gì để sử dụng three.js trong thế giới es6 của mình?

Tôi đoán tôi chỉ có thể sử dụng thẻ <script> và thẻ toàn cầu cho ba. Hoặc có thể sử dụng rollup/webpack để loại bỏ các mô-đun?

Nhưng tôi đặt cược có giải pháp hợp lý. Sau khi tất cả, ba.js sử dụng mô-đun es6 nội bộ.

Answer 1

Đã xảy ra lỗi trong bản phát hành (chỉ một ngày cũ!). Tôi đã sửa nó nhưng vẫn có vấn đề. Tuy nhiên tôi đã thấy rằng đây không làm việc:

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

.. nhưng các phiên bản rõ ràng hơn,

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

không xuất hiện để làm việc.

Hãy cho tôi biết nếu bạn grok này tốt hơn này, đó là khá ngẫu nhiên.

Answer 2

Tôi chỉ có cùng một vấn đề, nhưng nhận ra rằng BA không xuất BA mà thay vào đó là tất cả các mô-đun khác nhau. Kiểm tra phần trong file three.js với xuất khẩu:

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; 

... vv

Vì vậy, bạn có thể nhập chỉ là module bạn thực sự cần, hoặc như đã nói ở trên: nhập tất cả trong số họ qua

import * as THREE from 'three.js' 

Cheers