WebStorm Webpack 别名答案

【问题标题】：WebStorm Webpack AliasWebStorm Webpack 别名
【发布时间】：2017-07-03 23:53:09
【问题描述】：

我的导入 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 别名？

【问题讨论】：

标签： node.js reactjs webpack ecmascript-6 webstorm

【解决方案1】：

如果您的配置文件与其他源代码文件位于同一级别，请尝试以下操作：

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

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

【讨论】：