title: Storybook with absolute paths
body: <p>In our app we use absolute paths for importing. As an example if we have a path which is relative to the <code>src</code> folder, we can just write <code>import module from "components/myComponent"</code>. </p>
  
  <p>The issue is that this is not working in storybook. After some digging it turns out you can take the default webpack config and extend it as needed as seen in the documentation <a href="https://storybook.js.org/configurations/custom-webpack-config/#full-control-mode--default" rel="noreferrer">here</a>. My thought process based on this was to simply push my <code>src</code> directory on the modules array like so,</p>
  
  <pre><code>module.exports = (baseConfig, env, defaultConfig) =&gt; {
      // Extend defaultConfig as you need.
      defaultConfig.resolve.modules.push("src");
  
      return defaultConfig;
  };
  </code></pre>
  
  <p>After doing this however, I end up getting the following error when trying to run storybook.</p>
  
  <blockquote>
    <p>ERROR in ./node_modules/@storybook/addon-knobs/src/react/index.js
    Module parse failed: Unexpected token (26:9) You may need an
    appropriate loader to handle this file type. |   const initialContent
    = getStory(context); |   const props = { context, storyFn: getStory, channel, knobStore, initialContent }; |   return ; | }; |</p>
  </blockquote>
  
  <p>Really not sure where to go from here.</p>