Webpack中的路徑別名，如webpack中的路徑別名

Question

我們有像文件結構

/common
    /src
        /componentA
        /componentB    

並且想使用webpack別名

resolve: {
  alias: {
    common: 'common/src'
  }
}

需要像這樣的模塊

require('common/componentA')

有沒有辦法教WebStorm通過使用Ctrl + Click導航來解決此問題以保存選項？

ResourceRoot選項對這種情況沒有幫助

Answer 1

讓webstorm讀取你的webpack別名是不可能的，所以你必須有2個不同的“配置設置”。 只是意味着你必須維護webpack的alises和webstorm的資源。

在webstorm中，只需右鍵單擊文件夾並“將目錄標記為”>“資源根”。

這有點重復， 這里有一個更好的答案 。

Answer 2

從Webstorm 2017.2開始，您可以設置webpack配置文件，它會識別您的別名：