ES6 Javascript以多个名称导入相同的js文件

Question

我正在使用 ES6，我想以 2 个不同的名称导入相同的文件。

import Contact from './Grid'
import Account from './Grid'

有没有办法让网格由联系人和帐户命名，而无需 webpack 多次导入？

Answer 1

没有 webpack 多次导入？

使用两个单独的导入语句不会多次执行文件。文件加载一次后，其导出的值将被缓存以供以后调用使用。鉴于此，将其分组为一个语句的唯一原因是潜在的可读性改进。也就是说，要回答您的问题，您可以这样做

import { 
  default as Contact,
  default as Account,
} from './Grid';

如果你想。你也可以做

import Contact from './Grid'
const Account = Contact;

请注意，在模块中存在循环依赖关系的情况下，它不会做完全相同的事情。