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'）會自動查找正確的節點模塊。