如何避免使用require（「../../ Path/To/Module」），並使用require（「Module」）

Question

據我所見，npm模塊可以是require()沒有路徑：

require("module") // --> npm module 

和本地模塊是require()使用路徑：

require("./module") // --> local module, in this directory 
require("../../path/to/module") // path to directory 

---

在react.js，模塊需要不帶路徑。例如，See here。我想知道他們是如何實現這一目標的。

Answer 1

顯然，它採用rewrite-modules巴貝爾插件與module-map模塊（見gulpfile.js。）

還有this，你可以用它來實現相同的行爲巴貝爾插件。

Answer 2

如果您使用的是Webpack，您可以將path/to/modules添加到resolve.modulesDirectories數組中，它的工作原理類似於從node_modules開始，而不是使用相對路徑。

resolve: { modulesDirectories: ['path/to/modules', 'node_modules'], },

然後

var foo = require('foo'); // Instead of: // var foo = require('/path/to/modules/foo'); // or // var foo = require('../../foo');