Webpack相对vs绝对路径

Question

src
|
+-- action.js
|
+-- dir1
       |
       +--dir2
            |
            +--dir3
                 |
                 +--file.js

要从action.js导入file.js，我需要做require('../../../action')。

配置webpack以使用src作为根，并使用require('action')导入是一个好主意吗？

这样就无需检查在深层嵌套文件夹中导入模块所需的../数量。

但我们无法判断action是来自node_modules还是src。

是否有更好的替代方案可以解决上述问题？

Answer 1

webpack docs示例的入口点大约有4个级别。如果../../../很麻烦，我建议专注于让你的文件夹结构不那么深。关于节点模块。您不需要../，因为require（'some-module'）将自动查找正确的节点模块。