Stats

object string

stats 옵션을 사용하면 표시되는 번들 정보를 정확하게 제어할 수 있습니다. 번들 정보를 얻고 싶지만 전부에 대한 정보를 얻고자 하는 것은 아닐 것이기 때문에 quiet 또는 noInfo를 사용하지 않는 경우 좋은 절충안이 될 수 있습니다.

export default {
  // ...
  stats: "errors-only",
};

Stats Presets

Webpack은 stats 출력에 사용할 수있는 특정 프리셋을 함께 제공합니다.

Stats Options

stats 출력에서 보고 싶은 정보를 설정할 수 있습니다.

stats.all

정의되지 않은 경우 stats 옵션의 폴백입니다. 로컬 webpack의 기본값보다 우선시 됩니다.

export default {
  // ...
  stats: {
    all: undefined,
  },
};

stats.assets

boolean = true

애셋 정보 표시 여부를 stats에 알려줍니다. 이 정보를 숨기려면 stats.assets을 false로 설정하세요.

export default {
  // ...
  stats: {
    assets: false,
  },
};

stats.assetsSort

string = 'id'

주어진 필드를 기준으로 애셋을 정렬하도록 stats에 지시합니다. 모든 정렬 필드는 stats.assetsSort의 값으로 사용할 수 있습니다. 값에 !접두사를 사용하여 주어진 필드의 정렬 순서를 반대로 할 수 있습니다.

export default {
  // ...
  stats: {
    assetsSort: "!size",
  },
};

stats.assetsSpace

number = 15

표시되어야 하는 애셋의 수를 stats에 알려줍니다. 그룹인 경우 이 크기에 맞게 축소됩니다.

export default {
  // ...
  stats: {
    assetsSpace: 15,
  },
};

stats.builtAt

boolean = true

빌드 날짜 및 빌드 시간 정보를 추가할지 여부를 stats에 알려줍니다. 숨기려면 stats.builtAt을 false로 설정하세요.

export default {
  // ...
  stats: {
    builtAt: false,
  },
};

stats.cached

stats.cachedModules의 오래된 버전입니다.

stats.cachedAssets

boolean = true

캐시 된 애셋에 대한 정보를 추가할지 여부를 stats에 알려줍니다. stats.cachedAssets을 false로 설정하면 stats에 생성된 파일이 아닌 내보낸 파일만 표시됩니다.

export default {
  // ...
  stats: {
    cachedAssets: false,
  },
};

stats.cachedModules

boolean = true

빌드되지 않고 캐시 된 모듈에 대한 정보를 추가할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    cachedModules: false,
  },
};

stats.children

boolean = true

children에 대한 정보를 추가할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    children: false,
  },
};

stats.chunkGroupAuxiliary

boolean = true

청크 그룹에 보조 애셋을 표시합니다.

export default {
  // ...
  stats: {
    chunkGroupAuxiliary: false,
  },
};

stats.chunkGroupChildren

boolean = true

프리페치, 프리로드 된 청크 및 애셋 같은 청크 그룹의 하위 항목을 표시합니다.

export default {
  // ...
  stats: {
    chunkGroupChildren: false,
  },
};

stats.chunkGroupMaxAssets

number

청크 그룹에 표시되는 애셋의 제한.

export default {
  // ...
  stats: {
    chunkGroupMaxAssets: 5,
  },
};

stats.chunkGroups

boolean = true

namedChunkGroups에 대한 정보를 추가할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    chunkGroups: false,
  },
};

stats.chunkModules

boolean = true

빌드된 모듈에 대한 정보를 청크에 대한 정보에 추가할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    chunkModules: false,
  },
};

stats.chunkModulesSpace

number = 10

표시되어야 하는 청크 모듈의 수를 stats에 알려줍니다. 그룹인 경우 이 크기에 맞게 축소됩니다.

export default {
  // ...
  stats: {
    chunkModulesSpace: 15,
  },
};

stats.chunkOrigins

boolean = true

청크 및 청크 병합의 출처에 대한 정보를 추가할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    chunkOrigins: false,
  },
};

stats.chunkRelations

boolean = false

stats에 청크의 부모, 자식 및 형제를 표시하도록 지시합니다.

export default {
  // ...
  stats: {
    chunkRelations: false,
  },
};

stats.chunks

boolean = true

청크에 대한 정보를 추가할지 여부를 stats에 알려줍니다. stats.chunks를 false로 설정하면 출력이 상세하게 표시되지 않습니다.

export default {
  // ...
  stats: {
    chunks: false,
  },
};

stats.chunksSort

string = 'id'

주어진 필드를 기준으로 청크를 정렬하도록 stats에 지시합니다. 모든 정렬 필드는 stats.chunksSort의 값으로 사용할 수 있습니다. 값에 !접두사를 사용하여 주어진 필드의 정렬 순서를 반대로 할 수 있습니다.

export default {
  // ...
  stats: {
    chunksSort: "name",
  },
};

stats.colors

boolean = false object

다른 색상으로 출력할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    colors: true,
  },
};

CLI 플래그로도 사용할 수 있습니다.

npx webpack --stats-colors

비활성화하려면:

npx webpack --no-stats-colors

ANSI 이스케이프 시퀀스를 사용하여 자신만의 터미널 출력 색상을 지정할 수 있습니다.

export default {
  // ...
  colors: {
    green: "\u001B[32m",
  },
};

stats.context

string

stats 기본 디렉터리이며, 요청 정보를 단축하기 위한 절대경로 입니다.

import path from "node:path";
import { fileURLToPath } from "node:url";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

export default {
  // ...
  stats: {
    context: path.resolve(__dirname, "src/components"),
  },
};

기본적으로 context 또는 Node.js의 현재 작업 디텍터리 값이 사용됩니다.

stats.dependentModules

boolean

청크의 다른 모듈에 종속된 청크 모듈을 표시할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    dependentModules: false,
  },
};

stats.depth

boolean = false

각 모듈의 엔트리 포인트로부터의 거리를 표시할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    depth: true,
  },
};

stats.entrypoints

boolean = true string = 'auto'

대응하는 번들과 함께 엔트리 포인트를 표시할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    entrypoints: false,
  },
};

stats.entrypoints가 'auto'로 설정되면 webpack은 stats 출력에 엔트리 포인트를 표시할지 여부를 자동으로 결정합니다.

stats.env

boolean = false

--env정보를 표시할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    env: true,
  },
};

stats.errorCause

boolean "auto"

stats 함수에 오류의 cause 속성을 출력에 포함할지 여부를 지정합니다. 기본값은 true입니다.

export default {
  // ...
  stats: {
    errorCause: true,
  },
};

stats.errorDetails

boolean string = "auto"

에러에 세부 정보를 추가할지 여부를 stats에 알려줍니다. 기본값은 'auto'이며 에러가 2개 이하일 때 세부 정보를 표시합니다.

export default {
  // ...
  stats: {
    errorDetails: false,
  },
};

stats.errorErrors

boolean "auto"

stats에 AggregateError 인스턴스의 오류 배열을 출력에 포함할지 여부를 지정합니다. 기본값은 true입니다.

단일 오류가 여러 개의 기본 오류로 구성된 경우 유용하며, 그룹화된 오류 구조에 대한 더 깊은 가시성을 제공합니다.

export default {
  // ...
  stats: {
    errorErrors: true,
  },
};

stats.errorStack

boolean = true

에러 스택 추적을 표시할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    errorStack: false,
  },
};

stats.errors

boolean = true

에러를 표시할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    errors: false,
  },
};

stats.errorsCount

boolean = true

에러 횟수를 추가합니다.

export default {
  // ...
  stats: {
    errorsCount: false,
  },
};

stats.errorsSpace

number

오류를 표시하기 위해 할당할 줄 수를 제한하도록 stats에 알려줍니다.

export default {
  // ...
  stats: {
    errorsSpace: 5,
  },
};

stats.exclude

stats.excludeModules을 참고하세요.

stats.excludeAssets

array = []: string | RegExp | function (assetName) => boolean string RegExp function (assetName) => boolean

일치하는 애셋 정보를 제외하도록 stats에 지시합니다. 이것은 string, RegExp, 애셋 이름을 인수로 받고 boolean을 반환하는 function로 수행할 수 있습니다. stats.excludeAssets는 위 요소를 원소로 가지는 배열일 수 있습니다.

export default {
  // ...
  stats: {
    excludeAssets: [
      "filter",
      /filter/,
      (assetName) => assetName.contains("moduleA"),
    ],
  },
};

stats.excludeModules

array = []: string | RegExp | function (assetName) => boolean string RegExp function (assetName) => boolean boolean: false

일치하는 모듈 정보를 제외하도록 stats에 지시합니다. 이는 string, RegExp, 모듈의 소스를 인자로 받고 boolean을 반환하는 function로 수행할 수 있습니다. stats.excludeModules는 위 요소를 원소로 가지는 배열일 수 있습니다. stats.excludeModules은 stats.exclude와 병합됩니다.

export default {
  // ...
  stats: {
    excludeModules: ["filter", /filter/, (moduleSource) => true],
  },
};

stats.excludeModules을 false로 설정하면 제외 동작이 비활성화됩니다.

export default {
  // ...
  stats: {
    excludeModules: false,
  },
};

stats.groupAssetsByChunk

boolean

애셋이 청크와 어떻게 관련되어 있는지에 따라 애셋을 그룹화할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    groupAssetsByChunk: false,
  },
};

stats.groupAssetsByEmitStatus

boolean

상태(방출, 방출을 위한 비교 또는 캐시)별로 애셋을 그룹화할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    groupAssetsByEmitStatus: false,
  },
};

stats.groupAssetsByExtension

boolean

확장자로 애셋을 그룹화할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    groupAssetsByExtension: false,
  },
};

stats.groupAssetsByInfo

boolean

애셋 정보(불변, 개발, hotModuleReplacement 등)별로 애셋을 그룹화할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    groupAssetsByInfo: false,
  },
};

stats.groupAssetsByPath

boolean

애셋 경로별로 애셋을 그룹화할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    groupAssetsByPath: false,
  },
};

stats.groupModulesByAttributes

boolean

속성(에러, 경고, 애셋, 선택적, 고아(orphan) 또는 종속)별로 모듈을 그룹화할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    groupModulesByAttributes: false,
  },
};

stats.groupModulesByCacheStatus

boolean

캐시 상태(캐시되었는지 혹은 빌드되고 캐시 가능한지)별로 모듈을 그룹화할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    groupModulesByCacheStatus: true,
  },
};

stats.groupModulesByExtension

boolean

확장자로 모듈을 그룹화할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    groupModulesByExtension: true,
  },
};

stats.groupModulesByLayer

boolean

모듈을 레이어별로 그룹화할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    groupModulesByLayer: true,
  },
};

stats.groupModulesByPath

boolean

모듈을 경로별로 그룹화할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    groupModulesByPath: true,
  },
};

stats.groupModulesByType

boolean

모듈을 유형별로 그룹화할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    groupModulesByType: true,
  },
};

stats.groupReasonsByOrigin

boolean

reasons를 원래 모듈별로 그룹화해 많은 reasons 세트가 생성되는 것을 방지합니다.

export default {
  // ...
  stats: {
    groupReasonsByOrigin: true,
  },
};

stats.hash

boolean = true

컴파일의 해시에 대한 정보를 추가할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    hash: false,
  },
};

stats.ids

boolean = false

stats에 모듈과 청크의 id를 추가하도록 지시합니다.

export default {
  // ...
  stats: {
    ids: true,
  },
};

stats.logging

string = 'info': 'none' | 'error' | 'warn' | 'info' | 'log' | 'verbose' boolean

로깅 출력을 추가할지 여부를 stats에 알려줍니다.

• 'none', false - 로깅 비활성화
• 'error' - 에러
• 'warn' - 에러와 경고
• 'info' - 에러, 경고, 정보성 메시지
• 'log', true - 에러, 경고, 정보성 메시지, 로그 메시지, 그룹, 초기화. 접힌 그룹은 접힌 상태로 표시됩니다.
• 'verbose' - 디버그 및 추적을 제외한 모든 것을 기록합니다. 접힌 그룹은 펼쳐진 상태로 표시됩니다.

export default {
  // ...
  stats: {
    logging: "verbose",
  },
};

stats.loggingDebug

array = []: string | RegExp | function (name) => boolean string RegExp function (name) => boolean

플러그인 또는 로더와 같은 지정된 로거의 디버그 정보를 포함하도록 stats에 지시합니다. stats.logging이 false로 설정되면 stats.loggingDebug 옵션이 무시됩니다.

export default {
  // ...
  stats: {
    loggingDebug: [
      "MyPlugin",
      /MyPlugin/,
      /webpack/, // 코어 로깅을 얻기 위해서
      (name) => name.contains("MyPlugin"),
    ],
  },
};

stats.loggingTrace

boolean = true

에러, 경고 및 추적에 대한 로깅 출력에서 스택 추적을 활성화합니다. 추적을 숨기려면 stats.loggingTrace를 설정하세요.

export default {
  // ...
  stats: {
    loggingTrace: false,
  },
};

stats.moduleAssets

boolean = true

모듈 내부에 애셋에 대한 정보를 추가할지 여부를 stats에 알려줍니다. 숨기려면 stats.moduleAssets을 false로 설정하세요.

export default {
  // ...
  stats: {
    moduleAssets: false,
  },
};

stats.moduleTrace

boolean = true

종속성과 경고/에러의 출처를 표시하도록 stats에 지시합니다. stats.moduleTrace는 webpack 2.5.0부터 사용할 수 있습니다.

export default {
  // ...
  stats: {
    moduleTrace: false,
  },
};

stats.modules

boolean = true

빌드된 모듈에 대한 정보를 추가할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    modules: false,
  },
};

stats.modulesSort

string = 'id'

주어진 필드를 기준으로 모듈을 정렬하도록 stats에 지시합니다. 모든 정렬 필드는 stats.modulesSort의 값으로 사용할 수 있습니다. 값에 !접두사를 사용하여 주어진 필드의 정렬 순서를 반대로 할 수 있습니다.

export default {
  // ...
  stats: {
    modulesSort: "size",
  },
};

stats.modulesSpace

number = 15

표시되어야 하는 모듈의 수를 stats에 알려줍니다. 그룹인 경우 이 크기에 맞게 축소됩니다.

export default {
  // ...
  stats: {
    modulesSpace: 15,
  },
};

stats.nestedModules

boolean

모듈 연결과 같이 다른 모듈에 중첩된 모듈에 대한 정보를 추가할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    nestedModules: true,
  },
};

stats.nestedModulesSpace

number = 10

표시되어야 하는 중첩된 모듈의 수를 stats에 알려줍니다. 그룹인 경우 이 크기에 맞게 축소됩니다.

export default {
  // ...
  stats: {
    nestedModulesSpace: 15,
  },
};

stats.optimizationBailout

boolean

모듈에 대한 최적화가 중단된 이유를 보여주기 위해 stats에 알려줍니다.

export default {
  // ...
  stats: {
    optimizationBailout: false,
  },
};

stats.orphanModules

boolean = false

고아(orphan)모듈을 숨길 지 여부를 stats에 알려줍니다. 어느 청크에도 포함되지 않는 모듈은 고아(orphan)입니다. 고아(orphan) 모듈은 기본적으로 stats에서 숨겨져 있습니다.

export default {
  // ...
  stats: {
    orphanModules: true,
  },
};

stats.outputPath

boolean = true

stats에 outputPath를 표시하도록 지시합니다.

export default {
  // ...
  stats: {
    outputPath: false,
  },
};

stats.performance

boolean = true

파일 크기가 performance.maxAssetSize를 초과할 때 성능 힌트를 표시하도록 stats에 지시합니다.

export default {
  // ...
  stats: {
    performance: false,
  },
};

stats.preset

string boolean: false

표시되는 정보 유형에 대해 프리셋을 설정합니다. stats 동작 확장에 유용합니다.

export default {
  // ...
  stats: {
    preset: "minimal",
  },
};

stats.preset의 값을 false로 설정하면 webpack이 'none' stats 프리셋을 사용하도록 지시합니다.

stats.providedExports

boolean = false

모듈의 export를 표시하도록 stats에 지시합니다.

export default {
  // ...
  stats: {
    providedExports: true,
  },
};

stats.publicPath

boolean = true

publicPath를 표시하도록 stats에 지시합니다.

export default {
  // ...
  stats: {
    publicPath: false,
  },
};

stats.reasons

boolean = true

모듈이 포함된 이유에 대한 정보를 추가하도록 stats에 지시합니다.

export default {
  // ...
  stats: {
    reasons: false,
  },
};

stats.reasonsSpace

number

reasons를 표시할 공간입니다. 그룹은 이 공간에 맞게 축소됩니다.

export default {
  // ...
  stats: {
    reasonsSpace: 1000,
  },
};

stats.relatedAssets

boolean = false

애셋의 소스맵 같이 다른 애셋과 관련된 애셋에 대한 정보를 추가할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    relatedAssets: true,
  },
};

stats.runtimeModules

boolean = true

런타임 모듈에 대한 정보를 추가할지 여부를 stats에 알려줍니다.

export default {
  // ...
  stats: {
    runtimeModules: false,
  },
};

stats.source

boolean = false

stats에 모듈의 소스 코드를 추가하도록 지시합니다.

export default {
  // ...
  stats: {
    source: true,
  },
};

stats.timings

boolean = true

stats에 타이밍 정보를 추가하도록 지시합니다.

export default {
  // ...
  stats: {
    timings: false,
  },
};

stats.usedExports

boolean = false

모듈의 어떤 export가 사용되는지 표시할지 여부를 stats에 지시합니다.

export default {
  // ...
  stats: {
    usedExports: true,
  },
};

stats.version

boolean = true

사용된 webpack 버전에 대한 정보를 추가하도록 stats에 지시합니다.

export default {
  // ...
  stats: {
    version: false,
  },
};

stats.warnings

boolean = true

경고를 추가하도록 stats에 지시합니다.

export default {
  // ...
  stats: {
    warnings: false,
  },
};

stats.warningsCount

boolean = true

경고 횟수를 추가합니다.

export default {
  // ...
  stats: {
    warningsCount: false,
  },
};

stats.warningsFilter

array = []: string | RegExp | function (warning) => boolean string RegExp function (warning) => boolean

주어진 필터와 일치하는 경고를 제외하도록 stats에 지시합니다. 이것은 string, RegExp, 인자로 경고를 받고 boolean을 반환하는 function으로 수행할 수 있습니다. stats.warningsFilter는 위 요소를 원소로 가지는 배열일 수 있습니다.

export default {
  // ...
  stats: {
    warningsFilter: ["filter", /filter/, (warning) => true],
  },
};

stats.warningsSpace

number

경고를 표시하기 위해 할당할 줄 수를 제한하도록 stats에 알려줍니다.

export default {
  // ...
  stats: {
    warningsSpace: 5,
  },
};

Sorting fields

assetsSort, chunksSort 및 modulesSort의 경우 항목을 정렬할 수 있는 몇 가지 필드가 있습니다.

• 'id' - 항목의 id
• 'name' - 가져올 때 설정된 항목의 이름
• 'size' - 바이트 단위의 항목 크기
• 'chunks' - 항목이 생성된 청크(예를 들어, 하나의 청크에 여러 개의 하위 청크가 있는 경우 하위 청크는 기본 청크에 따라 함께 그룹화 됨)
• 'errors' - 항목의 에러 수
• 'warnings' - 항목의 경고 수
• 'failed' - 항목 컴파일 실패 여부
• 'cacheable' - 항목 캐시 가능 여부
• 'built' - 애셋 빌드 여부
• 'prefetched' - 애셋 프리페치 여부
• 'optional' - 애셋 선택 사항 여부
• 'identifier' - 항목의 식별자
• 'index' - 항목의 처리 인덱스
• 'index2'
• 'profile'
• 'issuer' - issuer의 식별자
• 'issuerId' - issuer의 id
• 'issuerName' - issuer의 이름
• 'issuerPath' - 전체 issuer 객체. 이 필드를 기준으로 정렬 할 필요는 없습니다.

Extending stats behaviours

'minimal'같은 사전 설정 중 하나를 사용하지만 일부 규칙을 재정의하는 경우, 원하는 stats.preset을 지정하고 사용자 지정 또는 추가 규칙을 추가하면 됩니다.

webpack.config.js

export default {
  // ..
  stats: {
    preset: "minimal",
    moduleTrace: true,
    errorDetails: true,
  },
};