问"require(x)“和"import x”之间的区别

EN

这个简单的图表将帮助您理解require和import之间的区别。

​

​

除此之外，

使用require，你不能选择性地加载你需要的部分，但是使用import，你可以有选择地加载你需要的部分，这可以节省内存。

对于require，加载是分步进行的( synchronous(step )，而另一方面，import可以是异步的(无需等待之前的导入)，因此它可以比require执行得更好一些。

require和import之间的主要区别在于，require会自动扫描node_modules来查找模块，而来自ES6的import则不会。

大多数人使用babel来编译import和export，这使得import的行为与require相同。

Node.js的未来版本可能会支持import本身(实际上是the experimental version already does)，根据Node.js的说明判断，import不会支持node_modules，它基于ES6，并且必须指定模块的路径。

所以我建议你不要和巴别塔一起使用import，但是这个功能还没有得到确认，它将来可能会支持node_modules，谁会知道呢？

作为参考，下面是babel如何将es6es6的import语法转换为CommonJS的require语法的示例。

假设文件app_es6.js包含以下导入：

import format from 'date-fns/format';

这是一个从节点包date-fns导入format函数的指令。

相关的package.json文件可能包含如下内容：

"scripts": {
    "start": "node app.js",
    "build-server-file": "babel app_es6.js --out-file app.js",
    "webpack": "webpack"
}

相关的.babelrc文件可能如下所示：

{
    "presets": [
        [
            "env",
            {
                "targets":
                {
                    "node": "current"
                }
            }
        ]
    ]
}

package.json文件中定义的这个build-server-file脚本是让babel解析app_es6.js文件并输出文件app.js的指令。

在运行build-server-file脚本之后，如果您打开app.js并查找date-fns导入，您将看到它已被转换为：

var _format = require("date-fns/format");

var _format2 = _interopRequireDefault(_format);

这些文件的大部分对大多数人来说都是令人费解的，但计算机却能理解它。

同样作为参考，作为如何创建模块并将其导入到项目中的示例，如果您安装date-fns，然后打开node_modules/date-fns/get_year/index.js，您可以看到它包含：

var parse = require('../parse/index.js')

function getYear (dirtyDate) {
  var date = parse(dirtyDate)
  var year = date.getFullYear()
  return year
}

module.exports = getYear

使用上面的babel进程，您的app_es6.js文件可以包含：

import getYear from 'date-fns/get_year';

// Which year is 2 July 2014?
var result = getYear(new Date(2014, 6, 2))
//=> 2014

而babel会将导入转换为：

var _get_year = require("date-fns/get_year");

var _get_year2 = _interopRequireDefault(_get_year);

并相应地处理对该函数的所有引用。

让我给出一个示例，说明如何在require & import中包含express模块

-require

var express = require('express');

-import

import * as  express from 'express';

因此，在使用上面的任何语句之后，我们将拥有一个名为“express”的变量。现在我们可以将'app‘变量定义为，

var app = express(); 

因此，我们将'require‘与'CommonJS’一起使用，将'import‘与'ES6’一起使用。

有关'require‘和'import’的更多信息，请阅读下面的链接。

require Requiring modules in Node.js: Everything you need to know

导入- An Update on ES6 Modules in Node.js