我正在使用 ES6,我想将同一个文件导入为 2 个不同的名称。
import Contact from './Grid'
import Account from './Grid'
有没有一种方法可以让网格由联系人和帐户命名,而无需 webpack 多次导入?
最佳答案
without webpack importing it multiple times?
使用两个单独的导入语句不会多次执行该文件。文件加载一次后,其导出的值将被缓存以供以后的调用使用。鉴于此,将其分组为一个语句的唯一原因是潜在的可读性改进。也就是说,要回答你的问题,你可以这样做
import {
default as Contact,
default as Account,
} from './Grid';
如果你愿意的话。您也可以这样做
import Contact from './Grid'
const Account = Contact;
请注意,在模块中存在循环依赖项的情况下,它不会做完全相同的事情。
关于javascript - ES6 Javascript以多个名称导入相同的js文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46819304/