@roots/bud-build/src/config/output/index.ts

bud.js core module

import type {Factory} from '@roots/bud-build/config'

import {assetModuleFilename} from './assetModuleFilename.js'
import {filename} from './filename.js'

export const output: Factory<`output`> = async ({
  hooks: {filter},
  isProduction,
  path,
  relPath,
}) =>
  filter(`build.output`, {
    assetModuleFilename: assetModuleFilename({filter, relPath}),
    /**
     * This should be kept undefined as documented here:
     * {@see https://webpack.js.org/plugins/split-chunks-plugin/#splitchunkscachegroupscachegroupfilename}
     */
    // chunkFilename: chunkFilename({filter, relPath}),
    clean: filter(`build.output.clean`, isProduction),
    environment: filter(`build.output.environment`, undefined),
    filename: filename({filter, relPath}),
    hashFunction: filter(`build.output.hashFunction`, `xxhash64`),
    iife: filter(`build.output.iife`, undefined),
    module: filter(`build.output.module`, false),
    path: filter(`build.output.path`, path(`@dist`)),
    /**
     * Path info is not necessary unless the user
     * really knows what's going on.
     *
     * @see {@link https://medium.com/@kenneth_chau/speeding-up-webpack-typescript-incremental-builds-by-7x-3912ba4c1d15}
     */
    pathinfo: filter(`build.output.pathinfo`, false),
    publicPath: (() => {
      const value = filter(`build.output.publicPath`, `auto`)
      if ([``, `auto`].includes(value)) return value
      return value.endsWith(`/`) ? value : `${value}/`
    })(),
    scriptType: filter(`build.output.scriptType`, undefined),
    uniqueName: filter(`build.output.uniqueName`, `@roots/bud`),
  })