HashedModuleIdsPlugin

이 플러그인은 해시가 모듈의 상대 경로를 기반으로 해 모듈 ID로 4개의 문자열이 생성됩니다. 프로덕션에 사용할 것을 권장합니다.

new webpack.ids.HashedModuleIdsPlugin({
  // 옵션...
});

Options

이 플러그인은 다음 옵션을 지원합니다:

• context: 이름을 만들기 위한 컨텍스트 디렉터리 (절대 경로).

• hashFunction: 사용할 해싱 알고리즘, 기본 값은 'md4'입니다. Node.JS의 crypto.createHash의 모든 기능이 지원됩니다.

• hashDigest: 해시를 생성할 때 사용할 인코딩, 기본 값은 'base64'입니다. Node.JS의 hash.digest의 모든 인코딩이 지원됩니다.

  5.104.0+

  Webpack은 표준 Node.js 인코딩 외에도 base64url, base62, base58, base52, base49, base36, base32, base25와 같은 사용자 지정 다이제스트 알고리즘을 지원합니다. 이러한 알고리즘은 더 짧거나 URL에 안전한 해시 값을 생성하는 데 유용합니다.

• hashDigestLength: 사용할 해시 다이제스트의 접두사 길이, 기본 값은 4입니다. 생성된 일부 ID는 모듈 ID 충돌을 피하기 위해 여기에서 지정된 것보다 길 수 있습니다.

Usage

다음은 이 플러그인을 사용하는 방법의 예시입니다:

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

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

new webpack.ids.HashedModuleIdsPlugin({
  context: __dirname,
  hashFunction: "sha256",
  hashDigest: "hex",
  hashDigestLength: 20,
});

Using URL-safe encoding (5.104.0+):

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

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

new webpack.ids.HashedModuleIdsPlugin({
  context: __dirname,
  hashFunction: "md4",
  hashDigest: "base64url", // URL-safe encoding
  hashDigestLength: 8,
});