的IntelliJ無法解析的WebPack別名路徑

Question

採用的WebPack配置有可能指定解析組件的根：

resolve: { 
    root: [ path.join(__dirname, './src/') ], 
    extensions: ['', '.js', '.scss'] 
}, 

現在可以利用波浪從./src/導入SASS文件：

@import '~variables'; 

這導入路徑將被解析爲./src/variables並且一切正常。

然而的IntelliJ不能正確識別，並報告：

Cannot resolve file '~variables' 

是否有可能以某種方式來配置此IDE添加額外的解決路徑（默認情況下它解決只能從node_modules目錄） ？

Answer 1

隨着Webstorm的當前版本，可以設置的WebPack配置，這將使整個項目識別路徑別名：

here is the answer where I specify how to set it.

它承認內部SCSS進口與波浪線爲好。

它在我的項目中使用webpack別名和scss導入。

它固定this version.