javascript - Babel 如何知道将模块视为模块

Question

我已经浏览过2ality article然而，在模块上，我很困惑，系统如何知道将模块视为模块？

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

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

对我来说，模块只是一个写有全局代码的文件。我们通过文件名引用该模块。

但是，我想知道当我们构建生产版本时，这一切是如何结合在一起的。

系统如何知道这是一个模块而不仅仅是声明的全局变量？

是否是导入/导出命令实际上让它说:“啊哈，这是一个模块!”

请原谅新手问题。

Answer 1

Is it the import / export commands that actually make it say: 'aha, this is a module!'

是的!

更准确地说，import 关键字指示 JavaScript 引擎(或转译器)将外部文件作为模块加载。