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

Question

有没有什么好方法可以优雅地加载模块（IDE可以建议或进入文件）使用动态路径或从根目录开始导入模块？

 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

模块标识符甚至根本不是路径。 例如，它经常搜索node_modules文件夹。 快速回答是语法取决于模块加载器。

但是实用的答案，如果你使用Babel（因为你指定这是一个ES6导入，你可能就是这样），你可以在开头用一个'@'指定相对于项目根目录的位置。 例如，在我的Vue.js项目中，我有：

import PageFooter from '@/components/PageFooter'

在我的例子中，这可以避免在不同深度处具有嵌套组件的复杂树的问题。

在您的情况下，您可以：

import app from '@/server'

假设服务器位于项目根目录中（例如，作为server.js而不是文件夹本身）。