以babeljs模塊級聯導入

Question

我是所有ES6的新手，我計劃使用BabelJS。

有沒有一種方法來連接與進口有腳本babelJS

我有以下

home.js進口家居/家庭導航欄和家庭/家庭滑塊

我想要的輸出包含家庭/家庭導航欄和家庭/家庭滑塊，但把他們全部在一個文件home.js

我可以在BabelJS做到這一點？如果不是，那麼適當的方法是什麼？

Answer 1

我可以在BabelJS中做這個嗎？

不，not yet。

什麼是正確的方法來做到這一點？

不確定正確的方法，但有其他選擇。諸如browserify和esperanto之類的工具會計算模塊依賴關係，並將它們捆綁爲單個文件（如果需要，也可以是多個）。

根據您的具體使用情況，您還可以編寫連接所有文件的簡單腳本。

Answer 2

Babel在客戶端運行，它並沒有真正改變系統文件，你需要一個服務器。

如果你要共享資源，你可以隨時通過共享window對象傳輸對象

class MyClass { 
    constructor (config) { 
     super(config); 
     this.config = config; 
    } 
} 

window.MyClass = MyClass; 

---

var MyClass = window.MyClass; 

class ExtendedClass extends MyClass { 
    constructor (config) { 
     super(config); 
     console.log(this.config); // from MyClass 
    } 
}