Dynamic Imports on ES6

Question

So, i have several handlebars templates on a far far away folder. I have to import them using

import UserTemplate from '../../../../../../More/Stuff/Omg/Template.handlebar'

I'm thinkg if i could do something nicer, like a function to resolve this for me for instance

  let UserTemplate = Templates.get('Template.handlebar');

Then this function would do all those crazy path stuff and import.

Would that be possible somehow ?

Possible duplicate of [Resolving require paths with webpack](https://stackoverflow.com/questions/27502608/resolving-require-paths-with-webpack) — The Reason, Dec 20 '17 at 15:03
I am using webpack, yes. The problem on dirname and joining is that the file is REALLY on a far far away folder, i would need those ../ still — Gabriel Slomka, Dec 20 '17 at 15:12

score 2 · Accepted Answer · answered Dec 20 '17 at 15:06

There is a package that you can use that already does this module-alias

Under you package.json you would have

"_moduleAliases": {
  "@Templates"      : "./templates/"
}

Then you could query these as follows

import UserTemplate  from '@Templates/UserTemplate'

Also if you are using webpack you could use their built-in functionality of this https://webpack.js.org/configuration/resolve/.

1 Answers1