webpack style/font/img loaders

gistfile1.txt

npm i --save-dev webpack webpack-dev-server url-loader file-loader style-loader css-loader autoprefixer-loader img-loader --save-dev

webpack.boilerplate.js

module.exports = {
  entry: './index.js',
  output: {
    path: __dirname + '/dist',
    filename: 'bundle.js'
  },
  modules: {
    loaders: [
      { test: /\.scss$/, loaders: ['style', 'css', 'autoprefixer', 'sass'] }
      // `img?progressive` provide with img-loader
      { test: /\.(jpe?g|png|gif|svg)$/i, loader: 'url-loader?limit=10000!img?progressive=true' },
      { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'file-loader?mimetype=image/svg+xml' },
      { test: /\.woff(\?v=\d+\.\d+\.\d+)?$/, loader: 'file-loader?mimetype=application/font-woff' },
      { test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/, loader: 'file-loader?mimetype=application/font-woff' },
      { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: 'file-loader?mimetype=application/octet-stream' },
      { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: 'file-loader'},
    ]
  }
}