回答:
export {default as Module} from './Module/Module';
Module
エクスポートを行うモジュール内でも使用できる必要がない限り、標準のES6の方法です。
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
理由はわかりませんが、これでうまくいきます:
components / 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?