webpack.config.js

var path = require("path");
var webpack = require("webpack");

var CopyWebpackPlugin = require("copy-webpack-plugin");
var HtmlWebpackPlugin = require("html-webpack-plugin");
var ngAnnotatePlugin = require("ng-annotate-webpack-plugin");

var package = require("./package.json");

var config = {
  context: path.join(__dirname, "src"),
  entry: ["babel-polyfill", "./index.js"],
  output: {
    path: path.join(__dirname, "monumental", "static", "assets"),
    publicPath: "assets/",
    filename: "bundle.js?v=" + package.version
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: "index_local.ejs",
      filename: path.join("..", "index.html")
    }),
    new CopyWebpackPlugin([
      { from: "manifest_local.json", to: path.join("..", "manifest.json") },
      { from: "app-icons", to: "app-icons" }
    ]),
    function () {
      this.plugin("watch-run", function (watching, callback) {
        console.log(
          "\n\n---- " +
            new Date()
              .toISOString()
              .replace("T", " ")
              .replace(/\.[0-9]+Z/, "") +
            " ----"
        );
        callback();
      });
    }
  ],
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: "babel",
        query: {
          plugins: ["transform-runtime"],
          presets: ["es2015", "stage-2"]
        }
      },
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: "ng-annotate"
      },
      {
        test: /\.html?$/,
        loader: "raw"
      },
      {
        test: /\.css$/,
        loader: "style!css"
      },
      {
        test: /\.scss$/,
        loader: "style!css!sass"
      },
      {
        test: /\.(woff|woff2|ttf|eot)$/,
        loader: "file?name=fonts/[name].[ext]"
      },
      {
        test: /\.(jpe?g|png|gif|svg)$/i,
        loader: "file?name=images/[name].[ext]"
      },
      {
        test: /\.json$/,
        loader: "json"
      }
    ]
  }
};

var ENV = process.env.NODE_ENV;
if (ENV === "prod" || ENV === "dev") {
  config.output = {
    path: path.join(__dirname, "monumental", "static", "assets"),
    publicPath: "assets/",
    filename: "bundle.min.js?v=" + package.version
  };
  config.plugins = [
    new HtmlWebpackPlugin({
      template: ENV === "dev" ? "index_dev.ejs" : "index_prod.ejs",
      filename: path.join("..", "index.html")
    }),
    new CopyWebpackPlugin([
      { from: "manifest_dev.json", to: path.join("..", "manifest.json") },
      { from: "app-icons", to: "app-icons" }
    ]),
    new ngAnnotatePlugin({
      add: true
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      },
      mangle: true
    })
  ];
}

module.exports = config;