2016-03-07 53 views
0

我已經通過模塊上的2ality article,但是,我很困惑,系統如何知道將模塊視爲模塊?Babel如何知道如何將模塊視爲模塊

import React from "react"; 
import { hello } from "./hello.js"; 

var Ctrl = React.createClass ({ 
    render : function() { 
     return (
      <div .... random data 
      ></div> 
     ); 
    } 
}); 
export default Ctrl; 

對我來說,模塊只是一個寫有全局代碼的文件。我們通過文件名引用模塊。

但是,我想知道當我們構建生產版本時,這些如何凝聚在一起。

系統如何知道這是一個模塊&不只是聲明全局變量?

難道是import/export命令,它實際上說:'啊哈,這是一個模塊!

對不起新手問題。

回答

1

難道是import/export命令,它實際上說:'啊哈,這是一個模塊!

是的!

更精確地,import關鍵字指示JavaScript引擎(或transpiler)來加載外部文件作爲一個模塊。

+0

沒有輸入關鍵字不指示JavaScript引擎或transpiler **技術上它有一天會,但不是今天作爲模塊正式來的JavaScript –

0

如果系統你指的是瀏覽器,它不知道,您通常使用另一種工具,用於實現您的模塊的想法,並把它轉換(代碼放置)充當一個模塊系統爲您的瀏覽器理解。

一些工具,如做到這一點是需要在節點,browserify,的WebPack 即*,不喜歡