如何在 JavaScript 中为默认导入设置别名?

IT技术 javascript ecmascript-6 es6-modules
2021-03-11 16:02:24

使用 ES6 module,我知道我可以别名命名导入:

import { foo as bar } from 'my-module';

而且我知道我可以导入默认导入:

import defaultMember from 'my-module';

我想为默认导入设置别名,我认为以下方法可行:

import defaultMember as alias from 'my-module';

但这会导致解析(语法)错误。

我如何(或者我可以?)别名默认导入?

1个回答

defaultMember已经一个别名 - 它不需要是导出函数/事物的名称。做就是了

import alias from 'my-module';

或者你可以做

import {default as alias} from 'my-module';

但那是相当深奥的。

@Blauhirn 是否适用于无法遵循引用并需要对其重构工具使用全局搜索和替换的旧 IDE?荒谬的。
2021-04-22 16:02:24
一些非常严格的 tslinting 规则不同意,实际上希望您保留默认输入的名称作为文件名
2021-04-24 16:02:24
@Bergi 不,它是 tslint 规则“import-name”,例如由 airbnb tslint 规则集使用,因此相当普遍。这些规则的存在是为了鼓励一致、无错误和可读的代码
2021-04-30 16:02:24
别名本身是深奥的!在测试 redux 组件时导入命名导出默认值很方便:import WrappedComponent, { Component } from 'my-module';
2021-05-01 16:02:24
MDN 文档应该反映这些文档更新:developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...
2021-05-20 16:02:24