title: How to set root directory for webpack
body: <p>I am configuring webpack for react storybook and I am having issues with the import statements paths. When I normally run my app, I have a path like this:</p>
  
  <p><code>import { constructURLName } from "src/shared/utilities/stringManipulation";
  </code></p>
  
  <p>I am using the <a href="http://reactql.org" rel="noreferrer">reactQL boilerplate</a> and it is configured so that it will return the proper module based on the src folder. How can I replicate that in storybook? Storybook currently tries to look for that stringManipulation file here:</p>
  
  <p><code>/Users/me/development/reactQL/node_modules/src/shared/utilities/stringManipulation</code></p>
  
  <p>So it needs to go up one directory based on my layout:</p>
  
  <pre><code>node_modules
  src
    pages
    ...
    shared
      utilities
        stringManipulation
  </code></pre>
  
  <p>This is what my rule looks like for  js/jsx files:</p>
  
  <pre><code>      {
          test: /\.jsx?$/,
          exclude: /node_modules/,
          use: [
            {
              loader: "babel-loader",
              query: {
                babelrc: false,
                presets: [
                  ["env", { modules: false, exclude: ["transform-regenerator"] }],
                  "react"
                ],
                plugins: [
                  "transform-object-rest-spread",
                  "syntax-dynamic-import",
                  "transform-regenerator",
                  "transform-class-properties",
                  "transform-decorators-legacy"
                ]
              }
            }
          ]
        }, 
  </code></pre>
  
  <p>How can I properly set the src directory? Thanks!</p>