WebStorm Webpack別名

Question

我的進口import {keyGen} from 'shared/utils/gen'表示無法解析符號'keyGen'。 NPM包加載工作得很好。 webpack構建也可以成功並且可以與別名一起運行。

這裏是我們的別名：

resolve: { 
    extensions: ['.webpack-loader.js', '.web-loader.js', '.loader.js', '.js', '.styl'], 

    alias: { 
    shared: relativePath('./client/source/shared'), 
    root: relativePath('./client/source'), 
    config: relativePath('./') 
    }, 

    modules: [relativePath('./node_modules')] 
} 

我確定正確的WebPack配置文件在項目設置中選擇。我如何讓WebStorm正確識別Webpack別名？

Answer 1

如果您的配置文件與其他源代碼文件相同的水平存在，試試這個：

alias: { 
    shared: path.resolve('client/source/shared'), 
    ... 
} 

參考：https://webpack.js.org/configuration/resolve/