BannerPlugin

생성된 각 청크의 상단에 배너를 추가합니다.

const webpack = require('webpack');

new webpack.BannerPlugin(banner);
// 또는
new webpack.BannerPlugin(options);

Options

{
  banner: string | function, // 배너를 문자열 또는 함수로 사용하면, 주석으로 감싸집니다.
  raw: boolean, // true이면, 배너가 주석에 감싸지지 않습니다.
  entryOnly: boolean, // true이면, 배너는 엔트리 청크에만 추가됩니다.
  test: string | RegExp | [string, RegExp], // 테스트를 통과하는 모든 모듈이 포함됩니다.
  include: string | RegExp | [string, RegExp], // 다음 조건 중 하나라도 일치하는 모든 모듈이 포함됩니다.
  exclude: string | RegExp | [string, RegExp], // 다음 조건 중 하나라도 일치하는 모든 모듈이 제외됩니다.
  footer?: boolean, // true이면, 배너는 컴파일이 끝날 때 배치됩니다.
  stage?: number, // 배너를 주입해야 하는 컴파일 단계
}

Usage

import webpack from 'webpack';

// 문자열
new webpack.BannerPlugin({
  banner: 'hello world',
});

// 함수
new webpack.BannerPlugin({
  banner: (yourVariable) => {
    return `yourVariable: ${yourVariable}`;
  },
});

// 최소화 및 애셋 조작 후 배너 메시지를 추가합니다.
new webpack.BannerPlugin({
  raw: true,
  banner: '/* 배너는 문자열입니다 */',
  stage: webpack.Compilation.PROCESS_ASSETS_STAGE_REPORT,
});

Placeholders

webpack 2.5.0 부터, placeholder는 배너 문자열로 평가됩니다.

import webpack from 'webpack';

new webpack.BannerPlugin({
  banner:
    'fullhash:[fullhash], chunkhash:[chunkhash], name:[name], filebase:[filebase], query:[query], file:[file]',
});