webpack.config.js

"use strict";

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

const useMinification = process.env.BUILD_MINIFIED === "true";
const packageName = JSON.parse(fs.readFileSync("package.json", "utf8")).name;
const libraryName = packageName.replace(/(^|-)(.)/g, (match, _, c) => (c ? c.toUpperCase() : ""));

const config = {
  entry: "./src/index.ts",
  devtool: "sourcemap",
  resolve: { extensions: [".ts", ".tsx", ".js"] },
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        loader: "awesome-typescript-loader",
        exclude: "/node_modules/",
      },
    ],
  },
  externals: [{
    react: {
      root: "React",
      commonjs2: "react",
      commonjs: "react",
      amd: "react",
    },
  }],
  output: {
    filename: `dist/${packageName}.js`,
    libraryTarget: "umd",
    library: libraryName,
  },
  plugins: [
    new webpack.DefinePlugin({
      "process.env": {
        NODE_ENV: JSON.stringify("production"),
      },
    }),
  ],
};

const minified = Object.assign({}, config, {
  output: Object.assign({}, config.output, {
    filename: `dist/${packageName}.min.js`,
  }),
  plugins: config.plugins.slice(0).concat([
    new webpack.optimize.UglifyJsPlugin({ output: { comments: false }, sourceMap: true }),
  ]),
});

// module.exports = [config, minified];

// @TODO let webpack run configurations in parallel after solving:
// https://github.com/s-panferov/awesome-typescript-loader/issues/323
module.exports = useMinification
  ? minified
  : config;