Is there any good way to load a module elegantly (where the IDE can suggest or go into the file) using dynamic path or start from the root directory to import a module?
import * as Q from 'q'; import * as loopback from 'loopback'; import datasources from '../../../datasources.json'; import app from '../../../server'; import {ApiError, ValidationError, DatabaseError} from'../../../utils/error-handlers';The module identifier is not necessarily even a path at all. For example, it often searches the node_modules folder. The quick answer is the syntax depends on the module loader.
But the pragmatic answer, if you are using Babel (as you might be since you specified this was an ES6 import), is that you can specify a location relative to the project root with an '@' at the beginning. For example, in my Vue.js project, I have:
import PageFooter from '@/components/PageFooter' In my case, this can avoid issues of having a complex tree of nested components, at various depths.
In your case, you could have:
import app from '@/server' assuming server was in the project root (e.g. as server.js and not a folder itself).
node_modulesto your preferred default load location? Use a flatter directory structure?import app from '/server'? Your module loader is responsible for resolving those strings to modules. Check its docs about support of paths, and maybe file a feature request.