如何从ES6模块导入默认和命名?

时间:2019-08-30 08:14:19

标签: javascript node.js ecmascript-6

从ES6 javascript模块导入default和命名资源的正确语法是什么?

示例:

export const defaultBrowser = 'Chrome';

export default [
  { value: 0, label: defaultBrowser },
  { value: 1, label: 'Firefox' },
  { value: 2, label: 'Safari' },
  { value: 3, label: 'Edge' },
];

一次import会怎样?


它不是When should I use curly braces for ES6 import的重复,而是更具体,只请求一个import用例,而不是import论文。

1 个答案:

答案 0 :(得分:3)

从ES6模块导入default和命名导出的正确语法是传递default名称(无论需要什么)和命名的非默认模块,并用逗号分隔:

示例: index.js

import browsers, { defaultBrowser } from './browsers';

在示例文件树中:

.
└── src
    ├── browsers.js
    └── index.js