javascript 更好的导入钩子，无需浏览相关文件夹

Question

在我的文件夹结构中编写测试时困扰我的事情是：

//App
meteor/imports/api/tasks.js

//test
meteor/test/imports/api/tasks.test.js

所以现在当我从 tasks.js 导入一些东西时，我会像 import { task } from '../../../imports/api/tasks.js' 一样，我的文件夹结构变得比这大得多。

有没有更好的解决方案？

我在想一个导入钩子，可能在根测试目录中，所以我可以从那里导入所有东西，当我在测试时，我可以从导入钩子导入而不必做所有../../../../ 导航。

Answer 1

使用

/imports/api/tasks.js

而不是

../../../imports/api/tasks.js

以 / 开头的标记根。

Answer 2

如果你正在使用 babel，你可以将babel-plugin-module-resolver 添加到你的 babel 配置中。

一个 Babel 插件，用于在编译时为你的模块添加一个新的解析器 你的代码使用 Babel。这个插件允许你添加新的“root” 包含您的模块的目录。它还允许您设置一个 目录、特定文件甚至其他 npm 的自定义别名 模块。

模块解析器可能会与 webpack2 模块处理发生冲突，因此您需要将其限制为仅用于测试：

.babelrc 示例：

  "env": {
    "test": {
      "plugins": [
        ["module-resolver", {
          "root": ["./meteor/imports"]
        }]
      ]
    }
  }