ES6 exporting importing in index file

Question

I am currently using ES6 in an React app via webpack babel  I am using index files to gather all components of a module and export them  Unfortunately  that looks like this   import Comp1  from    Comp1 jsx   import Comp2  from    Comp2 jsx   import Comp3  from    Comp3 jsx    export const Comp1   Comp1   export const Comp2   Comp2   export const Comp3   Comp3     So I can nicely import it from other places like this   import   Comp1  Comp2  Comp3   from    components     Obviously that isn t a very nice solution  so I was wondering  if there was any other way  I don t seem to able to export the imported component directly

User · Answer

Also  bear in mind that if you need to export multiple functions at once  like actions you can use  export   from    XThingActions

User · Answer

Nav js comp inside components folder export  Nav   index js in component folder export  Nav  from    Nav   export  Another  from    Another    import anywhere import  Nav  Another  from    components

User · Answer

Too late but I want to share the way that I resolve it   Having model file which has two named export   export   Schema  Model      and having controller file which has the default export   export default Controller    I exposed in the index file in this way   import   Schema  Model   from    model   import Controller from    controller    export   Schema  Model  Controller      and assuming that I want import all of them   import   Schema  Model  Controller   from        path

User · Answer

Install  babel plugin-proposal-export-default-from via   yarn add -D  babel plugin-proposal-export-default-from  In your  babelrc json or any of the Configuration File Types  module exports               plugins           babel plugin-proposal-export-default-from                  Now you can export directly from a file-path   export Foo from    components Foo  export Bar from    components Bar    Good Luck

User · Answer

You can easily re-export the default import   export  default as Comp1  from    Comp1 jsx   export  default as Comp2  from    Comp2 jsx   export  default as Comp3  from    Comp3 jsx     There also is a proposal for ES7 ES8 that will let you write export Comp1 from

User · Answer

Simply      Default export  recommended  export  default  from    MyClass       Default export with alias export  default as d1  from    MyClass       In  gt ES7  it could be export   from    MyClass      In  gt ES7  with alias export   as d1 from    MyClass    Or by functions names       export by function names export   funcName1  funcName2       from    MyClass      export by aliases export   funcName1 as f1  funcName2 as f2       from    MyClass    More infos  https   developer mozilla org en-US docs Web JavaScript Reference Statements export

[javascript] ES6 exporting/importing in index file

Examples related to javascript

Examples related to ecmascript-6

Examples related to webpack

Examples related to babeljs