opds-web-client/webpack.prod.config.js

OPDS web client

var webpack = require('webpack');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const merge = require('webpack-merge');
const path = require("path");

const common = require('./webpack.common.js');

var config = merge(common, {
  mode: "production",
  // devtool: "source-map",
  entry: {
    app: [
      './src/app.tsx',
    ],
  },
  output: {
    path: path.resolve(__dirname, "./dist"),
    filename: 'opds-web-client.js',
    library: 'OPDSWebClient',
    libraryTarget: 'umd'
  },
  plugins: [
    // jsdom is needed for server rendering, but causes errors
    // in the browser even if it is never used, so we ignore it:
    new webpack.IgnorePlugin(/jsdom$/),

    // Extract separate css file.
    new MiniCssExtractPlugin({ filename: "opds-web-client.css" })
  ],
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          MiniCssExtractPlugin.loader,
          "css-loader",
          "sass-loader"
        ]
      },
      {
        test: /\.tsx?$/,
        exclude: [/node_modules/],
        loaders: [
          'ts-loader'
        ]
      }
    ],
  }
});

module.exports = config;