intellij-idea - 巴别塔别名。 WebStorm 无法识别子目录

Question

我最近从 webpack 路径别名移至 babel-plugin-module-resolved因为它与测试框架集成得更好。

.babelrc

{
  "presets": [
    ["env", { "modules": false } ],
    "react",
    "stage-2",
    "flow"
  ],
  "plugins": [
    ["module-resolver", {
      "alias": {
        "static": "./static",
        "common": "./src/common",
        "data": "./src/data"
      }
    }],
    ["styled-jsx/babel", { "plugins": ["styled-jsx-plugin-sass"] }],
    "react-hot-loader/babel"
  ]
}

WebStorm 自动识别 static/.. 的导入，但无法解析 common/.. 和 data/.. 等导入。

是否可以以某种方式指示 IDE 有关此配置的信息？

附注现在我有 src 目录标记为资源根，但这不太有效。

Answer 1

我采取的一个选择是创建一个假的 webpack 文件来创建相同的别名。在代码库中留下不必要的文件，但修复了所有名称解析问题。

示例: webpack.junk.js

module.exports = {
  resolve: {
    alias: {
      'static': path.resolve(__dirname, './static'),
      '@common': path.resolve(__dirname, './src/common'),
      '@data': path.resolve(__dirname, './src/data'),
    },
  },
};