webpack.common.ts

import webpack from 'webpack'
import PnpWebpackPlugin from 'pnp-webpack-plugin'

const config: webpack.Configuration = {
  context: __dirname, // to automatically find tsconfig.json
  entry: {
    main: './src/index.ts',
    /* vendor: './src/vendor.ts', */
  },
  // plugins: {
  //   // handle type checking whilst ts-loader gets on with the transpilation
  //   new ForkTsCheckerWebpackPlugin(PnpWebpackPlugin.forkTsCheckerOptions({
  //       useTypescriptIncrementalApi: false, // not possible to use this until: https://github.com/microsoft/TypeScript/issues/31056
  //   })),
  // },
  module: {
    rules: [
      {
        test: /\.html$/,
        use: ['html-loader'],
      },
      {
        test: /\.ts?$/,
        loader: require.resolve('ts-loader'),
        options: PnpWebpackPlugin.tsLoaderOptions(),
        // options: PnpWebpackPlugin.tsLoaderOptions({ transpileOnly: true }),
      },
      {
        enforce: 'pre',
        test: /\.js$/,
        loader: 'source-map-loader',
      },
    ],
  },
  resolve: {
    plugins: [PnpWebpackPlugin],
    extensions: ['.ts', '.js', '.json', 'css', '.scss'],
  },
  resolveLoader: {
    plugins: [PnpWebpackPlugin.moduleLoader(module)],
  },
  stats: { children: false },
}

export default config