WebStorm Webpack Alias

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/