如何使用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，而不是文件夹本身)。