Our 2 Webpack config files which we use to 1) Compile TypeScript files 2) Compile SASS files 3) ...and bundle them all up in a single `build.js` file

webpack.js

//
// webpack.dev.js
//
var loaders = require('./webpack.loaders');
var failPlugin = require('webpack-fail-plugin');

module.exports = {
  entry: [
    './static/typescripts/index.ts',
  ],
  output: {
    filename: 'build.js',
    path: 'static/dist',
  },
  plugins: [failPlugin],
  resolve: {
    root: __dirname,
    extensions: ['', '.ts', '.js', '.json'],
  },
  resolveLoader: {
    modulesDirectories: ['node_modules']
  },
  devtool: 'source-map',
  module: {
    loaders: loaders
  },
};

//
// webpack.loaders.js
//
module.exports = [{
  test: /\.tsx?$/,
  loader: 'ng-annotate!awesome-typescript'
}, {
  test: /\.jsx?$/,
  loader: 'ng-annotate',
  exclude: ['/node_modules/']
}, {
  test: /\.html$/,
  loader: 'html'
}, {
  test: /\.css$/,
  loader: 'style!css'
}, {
  test: /\.scss$/,
  loader: 'style!css!sass'
}, {
  test: /\.png$/,
  loader: "url?limit=10000"
}, {
  test: /\.(jpg|ttf|eot|woff2?|svg)$/,
  loader: "file"
}, ];

@TheLarkInn Thank you so much. I will run some benchmarks and let you know the improvement after these changes 👍

Early results:
Baseline: webpack --config webpack/webpack.dev.js -p real 0m40.175s
Without -p: webpack --config webpack/webpack.dev.js real 0m12.080s
CheapEvalSourceMap: webpack --config webpack/webpack.dev.js real 0m9.467s

Since we're not using -p in development anyway, only the 2nd one really counts. Still a ~20% speed-up for almost zero effort.

Am now looking into DLLPlugin. FWIW, the docs and "example" on this are pretty spartan, is there a good writeup/blog post that explains this more for a beginner?