重新导出 ES 6 模块中的默认值

2024-01-17

在ES6中,是否可以缩短以下代码。我有一个App.js文件和一个index.js.

index.js

import App from './App';

export default App;

像这样的东西

index.js

export default App from './App.js'

如果你使用proposal-export-default-from巴别塔插件 https://babeljs.io/docs/en/next/babel-plugin-proposal-export-default-from.html(这是stage-1 preset http://babeljs.io/docs/plugins/preset-stage-1/),您将能够使用以下代码重新导出默认值:

export default from "./App.js"

欲了解更多信息,请参阅ECMAScript 提案 https://github.com/leebyron/ecmascript-export-default-from#exporting-a-default-as-default.


另一种方法(没有这个插件)是:

export { default as App } from "./App.js"

上面是单独文件时非常常见的做法,每个文件都有自己的export,都有一些共同点,例如,utils,例如,如果有人想要导入 3utility函数,而不必编写多个imports:

import util_a from 'utils/util_a' 
import util_b from 'utils/util_b' 
import util_c from 'utils/util_c' 

人们可以在一行中导入任何实用程序:

import { util_a, util_b , util_c } from 'utils' 

通过创建一个index.js文件在/utils文件夹并导入其中所有实用程序的所有默认值并重新导出,因此index文件将充当与该文件夹相关的所有导入的“网关”。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

重新导出 ES 6 模块中的默认值 的相关文章

随机推荐