Webpack 相对路径与绝对路径

【问题标题】：Webpack relative vs absolute pathWebpack 相对路径与绝对路径
【发布时间】：2018-06-09 21:29:15
【问题描述】：

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

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

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

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

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

有没有更好的替代方案来解决上述两个问题？

【问题讨论】：

【解决方案1】：

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

【讨论】：

我的意思是如果我们将src 设置为root 并设置require('someModule')，开发人员将无法立即判断someModule 是在node_modules 中还是在src 中。跨度>
但是开发人员会知道，因为常规文件的开头总是有某种前缀，即使它在同一个文件夹中。（例如需要（'./someModule'））。而节点模块总是有这样的名字。需要（'someModule'），对吗？
是的...但是如果我将src 设置为root 并使用绝对路径，那么情况将不再如此。