webpack.config.js

const path = require("path");
const webpack = require("webpack");
const fs = require("fs");

// Shot package name will be used for prefix of filename
const fnPrefix = JSON.parse(fs.readFileSync(path.resolve(__dirname, "package.json"), "utf-8")).name.replace("grimoirejs", "grimoire");

// Copy task for optimization
class CopyPlugin {
  constructor(copyFrom, copyTo) {
    this.copyFrom = copyFrom;
    this.copyTo = copyTo;
  }
  apply(compiler) {
    compiler.plugin("after-emit", (compiler, callback) => {
      fs.createReadStream(this.copyFrom).pipe(fs.createWriteStream(this.copyTo));
      callback();
    });
  }
}

// Couldron generate-expose and generate-reference execute with build tasks.
class CauldronPlugin {
  apply(compiler) {
    compiler.plugin("compile", () => {
      try {
        console.log(require('child_process').execSync('npm run generate-expose').toString());
      } catch (e) {
        console.log(e);
      }
    });
    compiler.plugin('after-emit', (compiler, callback) => {
      try {
        console.log(require('child_process').execSync('npm run generate-reference').toString());
      } catch (e) {
        console.log(e);
      } finally {
        callback();
      }
    });
  }
}

const getBuildTask = (fileName, plugins, needPolyfill) => {
  return {
    cache: true,
    entry: needPolyfill ? ['babel-polyfill', path.resolve(__dirname, "src/index.ts")] : path.resolve(__dirname, "src/index.ts"),
    output: {
      path: __dirname,
      filename: "./register/" + fileName,
      libraryTarget: "umd"
    },
    module: {
      loaders: [{
        test: /\.ts$/,
        exclude: /node_modules/,
        loader: "babel-loader?presets[]=es2015,presets[]=stage-2!ts-loader"
      }, {
        test: /\.png$/,
        loader: 'url-loader'
      }]
    },
    resolve: {
      extensions: ['.ts', '.js']
    },
    plugins: plugins,
    devtool: 'source-map'
  }
};

module.exports = (env) => {
  let includeCore = false;
  // if this package was preset including core or core package,
  // Script for browser needs babel-polyfill
  let polyfills = includeCore ? [true, false, true] : [false, false, false];
  env = env || {};
  let buildTasks = [];
  let isDefault = !env.browser && !env.npm && !env.prod;
  let skipIndex = false;
  let cauldron = new CauldronPlugin();
  if (env.browser || env.prod) {
    const plugins = [cauldron];
    // if needs index also and it was not including core, index.js must be copied from fnPrefix.js
    // since these are completely same build task. Yeah, optimization.
    if (!includeCore && (env.prod || env.npm)) {
      plugins.push(new CopyPlugin(`./register/${fnPrefix}.js`, './register/index.js'));
      plugins.push(new CopyPlugin(`./register/${fnPrefix}.js.map`, './register/index.js.map'));
      skipIndex = true;
      console.log('index.js would be copied from original.');
    }
    buildTasks.push(getBuildTask(`${fnPrefix}.js`, plugins, polyfills[0]));
  }
  if (!skipIndex && (isDefault || env.npm || env.prod)) {
    console.log('index.js would be generated separately');
    buildTasks.push(getBuildTask("index.js", [cauldron], polyfills[1]));
  }
  if (env.prod) {
    console.log('Minified version would be generated also');
    buildTasks.push(getBuildTask(fnPrefix + ".min.js", [
      new webpack.optimize.UglifyJsPlugin({
        cauldron,
        compress: {
          warnings: false
        }
      }),
      new webpack.optimize.OccurrenceOrderPlugin(),
      new webpack.optimize.AggressiveMergingPlugin()
    ], polyfills[2]));
  }
  return buildTasks;
};