title: images in css with webpack 3
body: <p>I have went over every stack overflow post regarding this issue, and still have been unable to solve this issue. I cannot get background-image: url() to work for the life of me. I am not kidding when I say I have gone through every post. Why is webpack so frustrating when it comes to this simple task? Below is my modules in my webpack.config. Please someone help I have been at this for two days.</p>
  
  <pre class="lang-js prettyprint-override"><code> module: {
          loaders: [
              {test: /\.js$/, include: path.join(__dirname, 'src'), loaders: ['babel-loader']},
              {test: /bootstrap\/js\//, loader: 'imports?jQuery=jquery' },
              {test: /\.css$/, loader: 'style-loader!css-loader'},
              {
                  test: /\.scss$/,
                  loader: ExtractTextPlugin.extract('css!scss')
              },
              {test: /\.woff(2)?(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&amp;mimetype=application/font-woff" },
              {test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&amp;mimetype=application/octet-stream" },
              {test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: "file" },
              {test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&amp;mimetype=images/svg+xml" },
              {test: /\.(jpe?g|png|gif|svg)$/i, loaders: [
                  'file-loader?hash=sha512&amp;digest=hex&amp;name=[hash].[ext]',
                  'image-webpack-loader?bypassOnDebug&amp;optimizationLevel=7&amp;interlaced=false',
                  'url-loader?limit=90000000&amp;name=src/images/[name].[ext]'
              ]}
  
          ]
      }
  </code></pre>