Babel别名。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有关此配置？

PS现在，我已将src目录标记为“ Resource Root”，但这还不能正常工作。

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'),
    },
  },
};