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

Question

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

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

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

Answer 1

without webpack importing it multiple times?

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

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

如果你愿意的话。您也可以这样做

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

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