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（＆＃39; some-module＆＃39;）会自动查找正确的节点模块。