Answers:
export {default as Module} from './Module/Module';
这是标准的ES6方法,只要您不需要Module
在导出模块的内部也可以使用。
export Module from './Module/Module';
是ESnext提议的一种实现方法,但是仅当您现在在Babel中启用它时,该方法才有效。
component
现在是只读的并且无法进行热加载。很奇怪!
export-extensions
这里-babeljs.io/docs/plugins/transform-export-extensions
export { default as default } from
或export { default } from
我不知道为什么,但是这对我有用:
组件/index.js:
import Component from './Component';
import Component2 from './Component2';
import Component3 from './Component3';
import Component4 from './Component4';
export {Component, Component2, Component3, Component4};
我这样输入出口:
import {Component, Component2, Component3, Component4} from '../components';
请注意,您还可以重新导出模块中的所有内容:
export * from './Module/Module';
因此,我发现这对于立即导出功能非常有效,因为index.js
在components
目录的根目录中有一个,可以方便地进行引用:
import Component from './Component/Component'
import ComponentTwo from './ComponentTwo/ComponentTwo'
module.exports = {
Component,
ComponentTwo
};
您需要使用module.exports
。
Component
将不再是你的出口组件的引用,而是将是一个对象,你的实例引用住在Component.default
module.exports
吗?我喜欢这种将一堆组件打包为的方法,index.js
但无法弄清楚语法。 import x from 'x'; import y from 'y'; export default {x, y};
则import {x} from xy;
行不通(我不知道为什么不行)
export {x, y}
吗?
module.exports = require('./inner.js')
?并且是export { foo as default }
有效的ES6?