axios-cache-interceptor/build/webpack.config.js

//@ts-check
/* eslint-disable @typescript-eslint/no-var-requires */

const path = require('path');
const TerserWebpackPlugin = require('terser-webpack-plugin');
const { DefinePlugin } = require('webpack');

const root = (...p) => path.resolve(__dirname, '..', ...p);

/**
 * @param {{
 *   output: string;
 *   esTarget?: string;
 *   libraryType: import('webpack').LibraryOptions['type'];
 *   libraryName?: import('webpack').LibraryOptions['name'];
 *   inlineDeps?: boolean;
 *   devBuild?: boolean;
 * }} options
 * @returns {import('webpack').Configuration}
 */
const config = ({
  output,
  esTarget = 'es2017',
  libraryType,
  libraryName,
  inlineDeps = false,
  devBuild = false
}) => ({
  mode: 'production',

  entry: root('src', 'index.ts'),

  output: {
    path: root(),
    globalObject: `typeof self !== 'undefined' ? self : this`,
    filename: output,
    sourceMapFilename: output + '.map',
    chunkFormat: 'module',
    module: libraryType === 'module',
    library: {
      type: libraryType,
      name: libraryName
    }
  },

  target: esTarget,
  devtool: devBuild ? 'source-map' : false,

  experiments: { outputModule: true },
  resolve: { extensions: ['.ts', '.js'] },

  externals: inlineDeps
    ? {
        'cache-parser': 'cache-parser',
        'object-code': 'object-code',
        'fast-defer': 'fast-defer'
      }
    : undefined,

  module: {
    rules: [
      {
        include: /src|node_modules/,
        test: /\.(ts|js)$/,
        loader: 'ts-loader',
        options: {
          configFile: root('build', 'tsconfig.build.json'),
          compilerOptions: {
            target: esTarget
          }
        }
      }
    ]
  },

  optimization: {
    minimize: true,
    sideEffects: true,
    removeEmptyChunks: true,
    mergeDuplicateChunks: true,
    concatenateModules: true,
    minimizer: [new TerserWebpackPlugin({ parallel: true })]
  },

  plugins: [new DefinePlugin({ __ACI_DEV__: devBuild })]
});

module.exports = [
  // ESModule
  config({
    output: 'dist/index.mjs',
    libraryType: 'module',
    inlineDeps: true
  }),
  config({
    output: 'dev/index.mjs',
    libraryType: 'module',
    inlineDeps: true,
    devBuild: true
  }),

  // CommonJS
  config({
    output: 'dist/index.cjs',
    libraryType: 'commonjs2',
    inlineDeps: true
  }),
  config({
    output: 'dev/index.cjs',
    libraryType: 'commonjs2',
    inlineDeps: true,
    devBuild: true
  }),

  // UMD
  config({
    esTarget: 'es5', // Use ES6 for UMD builds to support more browsers
    output: 'dist/index.umd.js',
    libraryType: 'umd',
    libraryName: 'AxiosCacheInterceptor'
  }),
  config({
    output: 'dev/index.umd.js',
    libraryType: 'umd',
    libraryName: 'AxiosCacheInterceptor',
    devBuild: true
  })
];