react-tiny-link/webpack/webpack.config.base.js

> Convert your links into beautiful previews

const path = require('path')
const webpack = require('webpack')
const CheckerPlugin = require('awesome-typescript-loader').CheckerPlugin
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin

module.exports = {
  resolve: {
    extensions: ['.js', '.jsx', '.ts', '.tsx'],
  },
  entry: { index: './src/index.tsx' },

  mode: process.env.NODE_ENV,
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        include: /src/,
        use: 'awesome-typescript-loader?silent=true',
      },

      {
        test: /\.svg?$/,
        include: /src/,
        use: 'webpack-inline-svg-loader',
      },
    ],
  },
  output: {
    path: path.join(__dirname, '../lib'),
    filename: '[name].js',
    publicPath: '../lib/', // Webpack dev middleware, if enabled, handles requests for this URL prefix
    libraryTarget: 'umd',
  },
  plugins: [
    new CheckerPlugin(),
    new webpack.SourceMapDevToolPlugin({
      filename: '[file].map', // Remove this line if you prefer inline source maps
      moduleFilenameTemplate: path.relative('../lib', '[resourcePath]'), // Point sourcemap entries to the original file locations on disk
    }),
    new BundleAnalyzerPlugin(),
  ],
}