repo_description: Angular Debugging and Visualization Tools
repo_topics: angular angular2 augury debugging devtools
code: const webpack = require('webpack');
  const path = require('path');
  const CleanWebpackPlugin = require('clean-webpack-plugin');
  
  const buildDir = path.join(__dirname, './build');
  
  module.exports = {
    mode: 'development',
  
    entry: {
      'test': [
        path.join(__dirname, 'webpack.test.bootstrap.ts'),
      ],
    },
  
    output: {
      path: buildDir,
      filename: '[name].js',
    },
  
    stats: {
      colors: true,
      reasons: true,
    },
  
    // Opt-in to the old behavior with the resolveLoader.moduleExtensions
    // - https://webpack.js.org/guides/migrating/#automatic-loader-module-name-extension-removed
    resolveLoader: {
      moduleExtensions: ['-loader'],
    },
  
    module: {
      rules: [
        {
          test: /\.ts$/,
          use: 'ts-loader',
          exclude: [
            /node_modules/
          ],
        },
        {
          test: /\.css$/,
          use: [
            'to-string-loader',
            'css-loader',
            'postcss-loader',
          ],
        },
        {
          test: /\.png$/,
          use: 'url-loader?mimetype=image/png',
        },
        {
          test: /\.html$/,
          use: 'raw-loader',
        },
      ],
    },
  
    resolve: {
      extensions: ['.ts', '.js', '.jsx'],
      modules: ['src', 'node_modules'],
    },
  
    node: {
      'fs': 'empty',
    },
  
    plugins: [
      new webpack.DefinePlugin({
        chrome: '({runtime: {connect: (function () {})}})'
      }),
      new CleanWebpackPlugin(buildDir)
    ]
  };
  