Example configuration for Angular 2 AoT and Webpack 2

boot-client-aot.ts

import "./polyfills";
import "./rxjs-operators";

import { enableProdMode } from "@angular/core";
import { platformBrowser } from "@angular/platform-browser";
import { MainModuleNgFactory } from "./components/main.aot.ngfactory"; // Ignore error

if ((<any>module)["hot"]) {
    (<any>module)["hot"].accept();
    (<any>module)["hot"].dispose(() => { platform.destroy(); });
}
else {
    enableProdMode();
}

// Boot the application, either now or when the DOM content is loaded
const platform = platformBrowser();
const bootApplication = () => { platform.bootstrapModuleFactory(MainModuleNgFactory); };
if (document.readyState === "complete") {
    bootApplication();
}
else {
    document.addEventListener("DOMContentLoaded", bootApplication);
}

tsconfig.aot.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "es2015",
    "moduleResolution": "node",
    "lib": [ "es2015", "dom" ],
    "sourceMap": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "skipDefaultLibCheck": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "removeComments": true,
    // Waiting for comments on https://github.com/angular/angular/pull/8902
    "strictNullChecks": false
  },
  "compileOnSave": false,
  "buildOnSave": false,
  "files": [
    "ClientApp/components/main.aot.ts"
  ]
}

webpack.config.js

var isDevBuild = process.argv.indexOf("--env.prod") < 0;
var path = require("path");
const webpack = require("webpack");
const ForkCheckerPlugin = require("awesome-typescript-loader").ForkCheckerPlugin;
var merge = require("webpack-merge");
var ngToolsWebpack = require("@ngtools/webpack");

// Configuration in common to both client-side and server-side bundles
var sharedConfig = {
    resolve: {
        extensions: [".ts", ".js"]
    },
    output: {
        path: path.join(__dirname, "wwwroot", "dist"),
        filename: "[name].js",
        publicPath: "/dist/" // Webpack dev middleware, if enabled, handles requests for this URL prefix
    },
    module: {
        rules: [
            { test: /\.html$/, include: /ClientApp/, loader: "raw" },
            {
                test: /\.scss$/,
                include: /ClientApp/,
                use: [
                    "to-string-loader",
                    "css-loader",
                    "sass-loader"
                ],
            },
            { test: /\.(png|jpg|jpeg|gif|svg)$/, include: /ClientApp/, loader: "url?name=assets/[name].[hash:6].[ext]&limit=25000" }
        ]
    },
    plugins: [
        new webpack.DllReferencePlugin({
            context: __dirname,
            manifest: path.join(__dirname, "wwwroot", "dist", "vendor-manifest.json"),
        }),
    ],
};

var devBundleConfig = {
    entry: { "main-client": "./ClientApp/boot-client.ts" },
    devtool: "cheap-module-eval-source-map",
    module: {
        rules: [
            { test: /\.ts$/, include: /ClientApp/, loader: "awesome-typescript!angular2-template" },
        ]
    },
    plugins: [
        new ForkCheckerPlugin(),
    ],
};

var prodBundleConfig = {
    entry: { "main-client": "./ClientApp/boot-client-aot.ts" },
    devtool: false,
    module: {
        rules: [
            { test: /\.ts$/, loader: "@ngtools/webpack" },
        ]
    },
    plugins: [
        new ngToolsWebpack.AotPlugin({
            tsConfigPath: "./tsconfig.aot.json",
            entryModule: path.resolve(__dirname, "ClientApp", "components", "main.aot") + "#MainModule",
            typeChecking: true,
        }),
        new webpack.optimize.UglifyJsPlugin({
            mangle: { screw_ie8: true },
            compress: {
                screw_ie8: true,
                warnings: false,
            }
        }),
        new webpack.LoaderOptionsPlugin({
            minimize: true,
            debug: false
        }),
    ],
};

module.exports = [merge(sharedConfig, isDevBuild ? devBundleConfig : prodBundleConfig)];

What is main.aot.ts referenced at the bottom of the tsconfig? Is it the app.component?

@mscottreed it's a file where I keep my main module (an NgModule annotated class). It seems like there's nothing specific to AoT there, so you can use app.module or whatever you have.

And sorry for the delay, I didn't get any notification!