title: Inline image loading..webpack
body: <p>I am pulling my hair off... </p>
  
  <p>Feels like I have tried everything. </p>
  
  <p>This is my webpack config: </p>
  
  <pre><code>    var publicConfig = {
    context: path.join(__dirname, 'src'),
    entry: [
      'webpack-hot-middleware/client?path=/__webpack_hmr&amp;timeout=20000',
      './public.jsx',
    ],
    output: {
      path: path.join(__dirname, 'app'),
      filename: 'publicBundle.js',
      publicPath: '/assets/',
    },
    module: {
      loaders: [
          { test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader'},
          //{ test: /\.css$/, loader: 'style!css-loader?modules&amp;importLoaders=1&amp;localIdentName=[name]__[local]___[hash:base64:5]' },
          // { test: /\.css$/, loader: 'style!css-loader?modules&amp;importLoaders=1&amp;localIdentName=[name]' },
          { test: /\.css$/, loader: "style!css" },
          {
            test: /\.(jpg|png)$/,
            loader: 'url?limit=25000'
          },
          { test   : /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&amp;.]+)?$/, loader : 'file-loader' } 
      ] 
    },
    resolve: {
      extensions: ['', '.js', '.jsx', '.json']
    },
    plugins: [
      new webpack.optimize.OccurenceOrderPlugin(),
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoErrorsPlugin()
    ]
  };
  </code></pre>
  
  <p>When defining images in my css files the images gets added to the /assets/ folder, which is exactly what I want... However, I want to be able to call image paths from inline ( the html views aswell ). But the images doesnt get copied to /assets/ unless I target them from my css file. </p>
  
  <p>I tried importing them by: </p>
  
  <pre><code>import logo from './images/animus_logo_blacktext.png'
  </code></pre>
  
  <p>But it still doesnt appear in my assets.</p>
  
  <p>What is the best practice for image paths inline?</p>