webpack.config.ts

import { join } from 'path';
import { Configuration } from 'webpack';

const mode =
  process.env['NODE_ENV'] === 'production' ||
  process.env['INTERN_BUILD'] === 'release'
    ? 'production'
    : 'development';

const common: Configuration = {
  mode,
  module: {
    rules: [
      {
        test: /@theintern\/common/,
        use: 'umd-compat-loader',
      },
      {
        test: /\.styl$/,
        use: ['style-loader', 'css-loader', 'stylus-loader'],
      },
      {
        test: /\.ts/,
        use: {
          loader: 'ts-loader',
          options: {
            silent: true,
            configFile: 'src/browser/tsconfig.json',
          },
        },
      },
    ],
    noParse: /benchmark[\\\/]benchmark.js/,
  },
  performance: {
    // Hides a warning about large bundles.
    hints: false,
  },
  resolve: {
    extensions: ['.ts', '.js'],
  },
  stats: {
    assets: false,
    entrypoints: true,
    errors: true,
    hash: false,
    modules: false,
    version: false,
    warnings: true,
  },
};

module.exports = [
  {
    ...common,
    entry: getEntries(),
    output: {
      filename: '[name].js',
      path: join(__dirname, '_build/src/browser'),
    },
    resolve: {
      ...common.resolve,
      fallback: {
        path: false,
      },
    },
    target: ['web', 'es5'],
  },
  {
    ...common,
    entry: getEntries(),
    output: {
      filename: '[name].js',
      path: join(__dirname, '_tests/src/browser'),
    },
    resolve: {
      ...common.resolve,
      fallback: {
        path: false,
      },
    },
    target: ['web', 'es5'],
  },
];

function getEntries() {
  return {
    intern: './src/browser/intern.ts',
    remote: './src/browser/remote.ts',
    config: './src/browser/config.ts',
  };
}