onioncollab/webpack.common.cjs

const path = require('path');
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
const child_process = require('child_process');
const webpack = require('webpack');

let revision;
try {
  revision = child_process.execSync('git rev-parse HEAD').toString();
}
catch (e) {
  revision = "unknown";
}

module.exports = {
  entry: path.resolve(__dirname, 'src', 'frontend', 'index.tsx'),
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: 'ts-loader',
        exclude: /node_modules/,
      },
      {
        test: /\.css$/i,
        use: ["style-loader", "css-loader"],
      },
      {
        test: /\.svg$/,
        use: 'url-loader'
      },
    ],
  },
  resolve: {
    extensions: ['.tsx', '.ts', '.js'],
    fallback: {
      // allow using absolute paths when referring to 'onion' library.
      onion: path.resolve(__dirname, 'src', 'onion'),

      // Dirty fake polyfill - should remove this at some point.
      util: path.resolve(__dirname, 'src', 'util', 'mock_node_util.ts'),

      // The following are needed to make NodeJS' 'crypto' module work in the browser:
      // Should probably migrate to the SubtleCrypto Web API
      crypto: require.resolve('crypto-browserify'),
      stream: require.resolve('stream-browserify'),
      buffer: require.resolve('buffer'),
    },
  },
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist'),
  },
  devServer: {
    static: path.resolve(__dirname, 'dist'),
    port: 9000,
  },
  plugins: [
    new ForkTsCheckerWebpackPlugin(),
    new webpack.DefinePlugin({
      REVISION: JSON.stringify(revision),
    }),
  ]
};