title: Inline JavaScript and CSS with webpack
body: <p>I'm using Webpack for bundling resources. Currently it bundle both the CSS and JS files into a separate file called bundle.js. How can I make both the JS and CSS embedded inline in html file?</p>
  
  <pre><code>import HtmlWebpackPlugin from 'html-webpack-plugin';
  import {HotModuleReplacementPlugin} from 'webpack';
  
  export default {
    entry: {app: './test/dev'},
    module: {
      loaders: [
        {test: /\.js/, loader: 'babel-loader', exclude: /node_modules/},
        {test: /\.scss$/, loader: 'style!css!sass'}
      ]
    },
    plugins: [new HotModuleReplacementPlugin(), new HtmlWebpackPlugin()],
    devtool: 'eval-source-map'
  };
  </code></pre>