ES6, how can you export an imported module in a si

问题:

I'd like to the following but with a single line, if possible:

• import Module from './Module/Module;
• export Module;

I tried the following but it doesn't seem to work:

• export Module from './Module/Module;

回答1:

export {default as Module} from './Module/Module';

is the standard ES6 way, as long as you don't need Module to also be available inside the module doing the exporting.

export Module from './Module/Module;

is a proposed ESnext way to do it, but that only works if you've enabled it in Babel for now.

回答2:

I don't know why but just this works for me :

index.jsx:

import Component from './Component';
import Component2 from './Component2';
import Component3 from './Component3';
import Component4 from './Component4';

export {Component, Component2, Component3, Component4};

I import the exports like this :

import {Component, Component2, Component3, Component4} from '../componets/index';

回答3:

Please note you can also re-export everything from a module:

export * from './Module/Module';

回答4:

So, I've found this to work quite well for the immediate export functionality of having an index.js at the root of the components directory for easy referencing:

import Component from './Component/Component'
import ComponentTwo from './ComponentTwo/ComponentTwo'

module.exports = {
  Component,
  ComponentTwo
};

You need to use module.exports.

回答5:

So, here is the answer!

module.exports.your_module = require("your_module");

in my case i needed to bundle all of my react components in to library. worked fine as well as packing it as a library in webpack.