webpack.config.js

var webpack = require('webpack');

var HtmlWebpackPlugin = require('html-webpack-plugin');
var CopyWebpackPlugin = require('copy-webpack-plugin');

var path = require('path');
var dist = path.join(__dirname, 'docs');
var app = path.resolve(__dirname);
var bs = path.join(__dirname, 'node_modules/bootstrap');

var production = process.env.BUILD === 'production';

var config = {
  entry: './app.js',
  output: {
    path: dist,
    filename: "graphviz-viewer.js"
  },
  module: {
    loaders: [
      {
        test: /\.css$/,
        loader: 'style!css'
      },
      {
        test: /\.json$/,
        loader: 'json-loader'
      },
      {
        // Reference: https://github.com/babel/babel-loader
        test: /\.js$/,
        loader: 'babel',
        query: {
            // https://github.com/babel/babel-loader#options
            cacheDirectory: true,
            presets: ['es2015']
        },
        exclude: /node_modules/,
        include: [app]
      },

      {
        test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot|txt|ico)$/,
        loader: 'file',
        include: [bs]
      }
    ]
  },
  node: {
    fs: 'empty'
  },
  devServer: {
    inline: false,
    contentBase: dist
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: './index.html',
      inject: 'head',
      baseUrl: '/'
    }),
    new CopyWebpackPlugin([
        { from: 'examples/biological.gv' }
    ])
  ]
};

if (production) {
  config.plugins.push(
    // Reference: http://webpack.github.io/docs/list-of-plugins.html#uglifyjsplugin
    // Minify all javascript, switch loaders to minimizing mode
    new webpack.optimize.UglifyJsPlugin({
      sourceMap: false,
      // mangle: false,
      mangle: {
        except: ['$', '$scope', '$compile', '$timeout', '$rootScope', '$http',
                  '$rootScopeProvider',
                  '$location', '$state', '$q']
      },
      compress: {
        warnings: false
      }
    })
  );
}

module.exports = config;