title: Babel aliases. WebStorm doesn't recognize sub-directories
body: <p>I recently moved from <code>webpack</code> path aliases to <a href="https://www.npmjs.com/package/babel-plugin-module-resolver" rel="nofollow noreferrer">babel-plugin-module-resolved</a> as it integrates better with testing frameworks.</p>
  
  <p><strong>.babelrc</strong></p>
  
  <pre><code>{
    "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"
    ]
  }
  </code></pre>
  
  <p>WebStorm automatically recognizes imports for <code>static/..</code> but can't resolve imports like <code>common/..</code> and <code>data/..</code>.</p>
  
  <p>Is it possible to somehow instruct IDE about this configuration?</p>
  
  <p>P.S. Right now I have <code>src</code> directory marked as <em>Resource Root</em> but this doesn't quite work as well.</p>