ES6 `export * from import`?

ES6 `export * from import`?

本文关键字：import from export ES6      更新时间：2023-09-26

是否有使用ES6或ES7或babel的语法，这将允许我轻松地将多组子文件捆绑在一起?

。鉴于:

./action_creators/index.js
./action_creators/foo_actions.js
./action_creators/bar_actions.js

让index.js导入foo和bar动作，然后重新导出它们，这样我就可以

import {FooAction, BarAction} from './action_creators/index.js'

如果我要改变我将对象本身组织到哪个文件中，我不想要记住/更改引用。

是，ES6支持直接导出导入的模块:

export { name1, name2, …, nameN } from …;
export {FooAction, BarAction} from './action_creators/index.js'

您还可以使用*语法重新导出导入模块的所有导出:

export * from …;
export * from './action_creators/index.js';

关于MDN的更多信息

默认出口作为默认: 

export {default} from './something';

出口作为名为: 

export {default as foo} from './something';
名为<<p> /strong>出口作为默认: 
export {foo as default} from './something';
名为<<p> /strong>出口作为名为: 
export {foo} from './something';
名为<<p> /strong>出口作为命名为: 
export {foo as bar} from './something';

导出和导入两次

import {DEV as dev} from '../dev'
export {DEV} from '../dev'
export const PROD = !dev
相关文章：