webpack.config.js

const webpack = require("webpack");
const path = require("path");
const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;

module.exports = {
  entry: {
    registerAttachmentGroup: "./scripts/group/registerAttachmentGroup.ts",
    registerImageGallery: "./scripts/dialog/registerImageGallery.ts"
  },
  output: {
    libraryTarget: "amd",
    path: path.resolve(__dirname, "dist"),
    filename: "[name].js"
  },
  externals: [
    {
      q: true,
      react: true,
      "react-dom": true
    },
    /^TFS\//, // Ignore TFS/* since they are coming from VSTS host
    /^VSS\// // Ignore VSS/* since they are coming from VSTS host
  ],
  resolve: {
    // alias: { "office-ui-fabric-react": path.join(process.cwd(), 'node_modules', 'office-ui-fabric-react', 'lib-amd') },
    extensions: [".ts", ".tsx", ".js"]
  },
  module: {
    rules: [
      // all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
      { test: /\.tsx?$/, loader: "ts-loader" }
    ]
  },
  plugins: [
    new BundleAnalyzerPlugin({
      openAnalyzer: false,
      reportFilename: "bundle-analysis.html",
      analyzerMode: "static"
    })
  ],
  devtool: "source-map",
  mode: "production"
};