Webpack 相对路径与绝对路径

Question

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

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

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

这避免了检查需要多少 ../ 才能将模块导入深度嵌套文件夹中的文件。

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

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

Answer 1

webpack docs 示例的入口点大约有 4 层深。如果 ../../../ 很麻烦，我建议将重点放在降低文件夹结构的深度上。关于节点模块。您不需要 ../，因为 require('some-module') 会自动查找正确的节点模块。

Webpack relative vs absolute path