title: How to load library source maps using webpack?
body: <p>I'm building two projects with webpack; one is a library for the other.</p>
  
  <p>Is it possible to consume the sourcemaps from my library project when building my wrapper project? I would like the ability to debug my library code from my wrapper UI.</p>
  
  <p>My build works correctly in that the library is built in. The only issue is sourcemaps. The JavaScript I see in the browser debugger is uglified, because sourcemaps are unavailable.</p>
  
  <p>Snippet of my project structure:</p>
  
  <pre class="lang-none prettyprint-override"><code>+-- my-ui/
      +-- dist/
          +-- my-ui.js
          +-- my-ui.js.map
      +-- node_modules/
          +-- my-lib/
              +-- dist/
                  +-- bundle.js
                  +-- bundle.js.map
  </code></pre>
  
  <p>Snippet from <code>webpack.config.js</code>:</p>
  
  <pre class="lang-js prettyprint-override"><code>module.exports = {
      entry: './src/js/main.jsx',
      output: {
          path: path.join(__dirname, 'dist'),
          filename: 'my-ui.js',
          library: 'my-ui',
          libraryTarget: 'umd'
      },
      devtool: 'source-map',
      module: {
          loaders: [
              {test: /\.jsx?$/, loader: 'babel', include: path.join(__dirname, 'src')}
          ]
      },
      plugins: [
          new Clean('dist'),
          new HtmlWebpackPlugin({
              template: 'src/index.html',
              inject: true
          })
      ]
  };
  </code></pre>