webpack.config.umd.js

const path = require('path');
// Webpack and its plugins
const CommonsChunkPlugin = require('webpack/lib/optimize/CommonsChunkPlugin');
const CompressionPlugin = require('compression-webpack-plugin');
const DedupePlugin = require('webpack/lib/optimize/DedupePlugin');
const DefinePlugin = require('webpack/lib/DefinePlugin');
const UglifyJsPlugin = require('webpack/lib/optimize/UglifyJsPlugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const StyleLintPlugin = require('stylelint-webpack-plugin');

const ENV = process.env.NODE_ENV = 'production';
const metadata = {
  env: ENV
};
module.exports = {
  devtool: 'source-map',
  entry: './src/index.ts',
  externals: {
    '@angular/core': {
      root: ['ng', 'core'],
      commonjs: '@angular/core',
      commonjs2: '@angular/core',
      amd: '@angular/core'
    },
    '@angular/common': {
      root: ['ng', 'common'],
      commonjs: '@angular/common',
      commonjs2: '@angular/common',
      amd: '@angular/common'
    },
    '@angular/platform-browser': {
      root: ['ng', 'platformBrowser'],
      commonjs: '@angular/platform-browser',
      commonjs2: '@angular/platform-browser',
      amd: '@angular/platform-browser'
    },
    'rxjs/Subscription': {
      root: ['rx', 'Subscription'],
      commonjs: 'rxjs/Subscription',
      commonjs2: 'rxjs/Subscription',
      amd: 'rxjs/Subscription'
    }
  },
  module: {
    loaders: [
      { test: /\.css$/, loader: 'raw', exclude: /node_modules/ },
      { test: /\.css$/, loader: 'style!css?-minimize', exclude: /src/ },
      { test: /\.html$/, loader: 'raw' },
      { test: /\.ts$/, loader: 'ts-loader', query: { compilerOptions: { noEmit: false } } }
    ]
  },
  output: {
    path: path.resolve(__dirname, 'dist/umd'),
    filename: 'angular-lib-exp.js',
    libraryTarget: 'umd',
    library: 'angular-lib-exp'
  },
  plugins: [
    new StyleLintPlugin({
      syntax: 'scss',
      context: 'scss',
      failOnError: true
    }),
    new CompressionPlugin({ regExp: /\.css$|\.html$|\.js$|\.map$/ })
  ],
  resolve: {
    extensions: ['tsx', '.ts', '.js'],
    modules: [path.resolve(__dirname, 'node_modules')]
  }
};