ES6 import in for-of-loop

Question

Is there any way to import and export multiple files using for-of-loop (or another loop) in ES6?

const moduleNames = [\'NumberUtils\', \'StringUtils\', \'Arr         


        

Answer 1

I think that better and more clear way to do it is to create an index file and then import multiple components in one import.

//index.js
import PopUp from './PopUp';
import ToggleSwitch from './ToggleSwitch';

export {
  PopUp,
  ToggleSwitch
};

//app.js

import { PopUp, ToggleSwitch } from './components';

Answer 2

For multiple import files I found this solution:

const files = require.context('../myFolder', true, /(Module|Utils)\.js$/)

Answer 3

One of main features of ES modules is they can be statically analyzed. For this reason import statement follows strict syntax - so does export. A snippet 'without loop' is the way it has to be done.

This allows to figure out module imports and exports exactly in IDEs and tools. This is useful for tree-shaking, for instance.