如何在ecmascript-6中导入模块

How to import modules in ecmascript-6?

本文关键字：导入 模块 ecmascript-6      更新时间：2023-09-26

我想在ecma脚本6中将不同的模块导入到我的模块中。例如：

import rest from 'rest';
export function client() {
    // some logic
}

如果我将导入语句更改为经典：

var rest = require('rest');

一切都很好。有什么想法吗？

我不是专家，但import在很多方面与require相似，但关键区别在于：

  • 您可以使用import导入选择性项（猜测这接近python），但使用require，您只能将单个模块导出为命名空间，其他都是它的子模块。

  • 第二，require更像是node.js的东西（尽管你可以使用browserify将其引入浏览器），但import现在是ES6的原生功能，即支持ES6的浏览器，import可以使用

lukehoban的es6功能的例子来重新执行我的第一点：

// lib/math.js
export function sum(x, y) {
  return x + y;
}
export var pi = 3.141593;
// app.js
import * as math from "lib/math";
alert("2π = " + math.sum(math.pi, math.pi));
// otherApp.js
import {sum, pi} from "lib/math";
alert("2π = " + sum(pi, pi));
//Some additional features include export default and export *:
// lib/mathplusplus.js
export * from "lib/math";
export var e = 2.71828182846;
export default function(x) {
    return Math.log(x);
}
// app.js
import ln, {pi, e} from "lib/mathplusplus";
alert("2π = " + ln(e)*pi*2);

这是我的问题的答案，但如果你想知道如何导入其他文件，请参考用户@mido给出的答案，例如查看此页面：http://www.2ality.com/2014/09/es6-modules-final.html

因此，@Felix King的评论引导我找到了正确的答案。正如Felix所建议的，rest模块并没有默认的导出功能，所以应该像这样导入：

import * as rest from 'rest';

所以它取决于一个模块，它是如何编写的。例如，包含在rest中的"mime"拦截器模块可以包含在：中

import mime from 'rest/interceptor/mime';
相关文章：