title: IntelliJ cannot resolve webpack aliased path
body: <p>With webpack configuration it's possible to specify root of the resolving component:</p>
  
  <pre><code>resolve: {
    root: [ path.join(__dirname, './src/') ],
    extensions: ['', '.js', '.scss']
  },
  </code></pre>
  
  <p>Now it is possible to import SASS file from <code>./src/</code> using tilde:</p>
  
  <pre><code>@import '~variables';
  </code></pre>
  
  <p>This import path will be resolved as <code>./src/variables</code> and everything works fine.</p>
  
  <p>However IntelliJ doesn't recognize it properly and reports:</p>
  
  <pre><code>Cannot resolve file '~variables'
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/14Wke.png" rel="noreferrer"><img src="https://i.stack.imgur.com/14Wke.png" alt="Cannot resolve file &#39;~variables&#39;"></a></p>
  
  <p>Is it possible somehow to configure this IDE to add extra resolve path (by default it resolves only from <code>node_modules</code> directory)?</p>