title: Webpack not loading background image
body: <p>I am trying to load a image:</p>
  
  <pre><code>background: transparent url("../img/select-icon.png") no-repeat center right 8px;
  </code></pre>
  
  <p>At my style.scss and it is not working</p>
  
  <p>Here is my webpack.config:</p>
  
  <pre><code>function _path(p) {
    return path.join(__dirname, p);
  }
  
  module.exports = {
  
      context: __dirname,
      entry: [
          './assets/js/index'
      ], 
  
      output: {
          path: path.resolve('./assets/bundles/'), 
          filename: '[name].js'
      },
  
      devtool: 'inline-eval-cheap-source-map',
  
      plugins: [
          new BundleTracker({filename: './webpack-stats.json'}), 
          new webpack.ProvidePlugin({ 
              $: 'jquery',
              jQuery: 'jquery',
              'window.jQuery': 'jquery' 
          }),
          new HappyPack({
              id: 'jsx',
              threads: 4,
              loaders: ["babel-loader"]
          })
  
      ],
  
      module: {
          loaders: [
              {
                  test: /\.css$/,
                  include: path.resolve(__dirname, './assets/css/'),
                  loader: "style-loader!css-loader"
              },
  
              {
                  test: /\.scss$/,
                  include: path.resolve(__dirname, './assets/css/'),
                  loader: "style-loader!css-loader!sass-loader"
              },
  
              {
                  test: /\.jsx?$/, 
                  include: path.resolve(__dirname, './assets/js/'),
                  exclude: /node_modules/, 
                  loaders: ["happypack/loader?id=jsx"]
              },
              {
                  test: /\.png$/,
                  loader: 'file-loader'
              }
          ]
      },
  
      resolve: {
          modulesDirectories: ['node_modules'],
          extensions: ['', '.js', '.jsx'],
          alias: {
            'inputmask' : _path('node_modules/jquery-mask-plugin/dist/jquery.mask'),
          }, 
      }   
  }
  </code></pre>
  
  <p>I am using file-loader but the url rendered at browser does not match with the url of the image.</p>
  
  <p>I think that I not using source map: <a href="https://github.com/webpack/style-loader/issues/55" rel="nofollow">https://github.com/webpack/style-loader/issues/55</a></p>
  
  <p>Can anyone help?</p>