在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(使用前将#替换为@)