webpack.config.js

var webpack = require('webpack');
var path = require('path');
var appRoot = path.join(__dirname, '/app');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  devtool: 'eval',
  entry: [
    'webpack-dev-server/client?http://localhost:3000',
    'webpack/hot/dev-server',
    path.join(appRoot, '/app.js')
  ],
  output: {
    path: path.join(__dirname, '/build'),
    filename: 'bundle.js',
    publicPath: '/build'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new webpack.DefinePlugin({
      ASSETS_PATH: '/assets'
    }),
    new HtmlWebpackPlugin({
      template: __dirname + '/app/index.html'
    }),
  ],
  resolve: {
    extensions: ['', '.js'],
    root: [appRoot]
  },
  module: {
    loaders: [
      { test: /\.html$/, loaders: ['ng-cache-loader'] },
      { test: /\.coffee$/, loaders: ['coffee-loader'] },
      { test: /app\/.*\.js$/, loaders: ['ng-annotate']},
      { test: /\.less$/, loaders: ['style-loader','css-loader','less-loader'] },
      { test: /\.css$/, loaders: ['style-loader','css-loader'] },
      { test: /\.(png|jpg)$/, loaders: ['url-loader?limit=8192'] },
      { test: /\.woff(\?v=[0-9]\.[0-9]\.[0-9])?$/, loaders: ['url-loader?limit=10000&mimetype=application/font-woff'] },
      { test: /\.woff2(\?v=[0-9]\.[0-9]\.[0-9])?$/, loaders: ['url-loader?limit=10000&mimetype=application/font-woff2'] },
      { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loaders: ['file-loader'] }
    ]
  }
};