ld-admin-template/packages/webpack/config/webpack.config.ts

import alias from './alias.ts';
import plugins from './plugins.ts';
import devServer from './devServer.ts';
import rules from './rules.ts';
import optimization from './optimization.ts';
import {resolve} from 'path';
import {
  outputPath,
  nodeModulesPath,
  assetsPublicPath,
  srcPath,
  rootPath,
} from './paths.ts';
import {Configuration} from 'webpack';
import {SWTEnv} from './env.ts';

const isProduction = process.env.NODE_ENV === 'production';
const useSourceMap
  = (process.env as unknown as SWTEnv).ENABLE_SOURCE_MAP === 'true';
const fileName = isProduction
  ? 'static/js/[name].[contenthash:8].js'
  : 'static/js/[name].js';

const config: Configuration = {
  stats: 'errors-warnings',
  target: ['browserslist'],
  entry: resolve(srcPath, 'index.tsx'),
  devtool: isProduction
    ? useSourceMap
      ? 'source-map'
      : false
    : 'cheap-module-source-map',
  mode: isProduction ? 'production' : 'development',
  performance: false,
  infrastructureLogging: {
    level: 'none',
  },
  output: {
    path: isProduction ? outputPath : void 0,
    filename: fileName,
    chunkFilename: fileName,
    assetModuleFilename: 'static/assets/[name].[hash][ext]',
    publicPath: assetsPublicPath,
  },
  module: {
    rules,
  },
  cache: {
    type: 'filesystem',
    cacheDirectory: resolve(rootPath, '.temp-cache'),
  },
  plugins,
  optimization,
  resolve: {
    modules: ['node_modules', nodeModulesPath],
    extensions: ['.jsx', '.js', '.ts', '.tsx', '.json'],
    alias,
  },
  devServer,
};

export default config;