webpack.config.js

var Clean = require('clean-webpack-plugin');
var webpack = require('webpack');
var path = require('path');
var fs = require('fs');
var _ = require('lodash');

var config = {
  context: path.join(__dirname, '/app'),
  devtool: 'eval', //'source-map',

  entry: {
    common: [
      'angular',
      'angular-ui-router',
      'oclazyload',
      './index.js'
    ],
    user: './components/user',
    news: './components/news'
  },
  output: {
    path: path.join(__dirname, '/dev'),
    filename: '[hash].[name].js'
  },

  plugins: [
    new webpack.DefinePlugin({
      /*eslint-disable */
      ON_DEV: process.env.NODE_ENV === 'development',
      ON_PROD: process.env.NODE_ENV === 'production',
      ON_TEST: process.env.NODE_ENV === 'test'
      /*eslint-enable */
    }),
    new webpack.optimize.CommonsChunkPlugin('common', '[hash].common.js')
  ],

  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel',
        exclude: /node_modules/
      },
      {
        test: /\.js$/,
        loader: 'eslint',
        exclude: /node_modules/
      },
      {
        test: /\.html$/,
        loader: 'raw',
        exclude: /node_modules/
      },
      {
        test: /\.css$/,
        loader: 'style!css',
        exclude: /node_modules/
      },
      {
        test: /\.(png|jpg)$/,
        loader: 'url-loader?limit=8192',
        exclude: /node_modules/
      }
    ]
  }
};

if (process.env.NODE_ENV === 'production') {
  delete config.devtool;
  config.output.path = path.join(__dirname, '/build');
  config.plugins.push(new webpack.optimize.UglifyJsPlugin({
    compress: {
      warnings: false
    }
  }));
  build('build');
}

if (process.env.NODE_ENV === 'development') {
  build('dev');
}

if (process.env.NODE_ENV === 'test') {
  var data = '';

  for (var key in config.entry) {
    if (config.entry.hasOwnProperty(key)) {
      var val = config.entry[key];
      if (typeof val === 'object') {
        val.forEach(function (e) {
          data += 'require(\'' + e + '\');\n\n'
        })
      }

      if (typeof val === 'string') {
        data += 'require(\'' + val + '\');\n\n'
      }
    }
  }

  fs.writeFileSync('./app/test.js', data);
  config.plugins.splice(1, 1);
  config.entry = './test.js';
}

function build(dir) {
  config.plugins.push(new Clean([dir]));
  config.plugins.push(function () {
    this.plugin('done', function (stats) {
      fs.writeFileSync(dir + '/index.html', fs.readFileSync('app/index.html'));
      fs.writeFileSync(dir + '/news.json', fs.readFileSync('app/news.json'));

      var htmlPath = path.join(__dirname, dir, 'index.html');
      var template = fs.readFileSync(htmlPath, 'utf8');
      var html = _.template(template)({hash: stats.hash + '.'});
      fs.writeFile(htmlPath, html);
    });
  });
}

module.exports = config;