如何使用ES6模块导入导入路径

Question

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'; 

Answer 1

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 (eg as server.js and not a folder itself).