EvalSourceMapDevToolPlugin
EvalSourceMapDevToolPlugin을 사용하면 소스맵 생성을 보다 세밀하게 제어할 수 있습니다. 또한 devtool 설정 옵션의 특정한 세팅에 의해 자동으로 활성화됩니다.
new webpack.EvalSourceMapDevToolPlugin(options);Options
다음과 같은 옵션이 지원됩니다.
-
test(stringRegExpfunction (asset) => boolean[string, RegExp, function (asset) => boolean]): 모듈의 확장자를 기반으로 하는 소스맵을 포함합니다(기본값은.js및.css). -
include(stringRegExpfunction (asset) => boolean[string, RegExp, function (asset) => boolean]): 주어진 값과 일치하는 모듈 경로에 대한 소스맵을 포함합니다. -
exclude(stringRegExpfunction (asset) => boolean[string, RegExp, function (asset) => boolean]): 소스맵 생성에서 주어진 값과 일치하는 모듈을 제외합니다. -
append(string|function): 원래 애셋에 주어진 값을 추가합니다. 보통#sourceMappingURL을 주석으로 합니다.[url]은 소스맵 파일의 URL로 대체됩니다.버전 5.84.0부터 webpack은 경로와 애셋 정보 객체를 인수로 받아들이고 문자열을 반환하는 'append' 옵션을 허용합니다.
(pathData: PathData, assetInfo?: AssetInfo) => string; -
ignoreList(stringRegExpfunction (source) => boolean[string, RegExp, function (source) => boolean]): 소스 맵에서 지정된 값과 일치하는 소스 파일을 무시할지 여부를 결정합니다. -
module(boolean): 로더가 소스 맵을 생성해야 하는지 여부를 나타냅니다(기본값은true). -
moduleFilenameTemplate(string):output.devtoolModuleFilenameTemplate을 참고하세요. -
columns(boolean): 열 매핑을 사용해야 하는지 여부를 나타냅니다(기본값은true). -
protocol(string): 사용자가 기본 프로토콜(webpack-internal://)을 재정의할 수 있도록 합니다. -
namespace(string): DevTools에서 여러 WebPack 루트를 허용하는 네임스페이스 접두사입니다.output.devtoolNamespace를 참고하세요. -
noSources = false(boolean): 소스 파일 콘텐츠가 소스 맵에 포함되지 않도록 합니다. -
sourceRoot(string): 소스 맵의sourceRoot속성에 사용자 지정 값을 제공합니다. -
debugIds(boolean):true로 설정하면 소스 맵과 소스 맵에 고유 ID가 생성되어 여러 빌드에서 소스 맵을 식별하는 데 도움이 됩니다. 자세한 내용은 TC39 소스 맵 디버그 ID 제안을 참고하세요.
Examples
다음 예시는 EvalSourceMapDevToolPlugin이 흔히 사용되는 사례를 보여줍니다.
Basic Use Case
다음 코드를 사용하여 설정 옵션 devtool: eval-source-map을 동등한 커스텀 플러그인 설정으로 바꿀 수 있습니다.
export default {
// ...
devtool: false,
plugins: [new webpack.EvalSourceMapDevToolPlugin({})],
};Exclude Vendor Maps
다음 코드는 vendor.js 번들에 있는 모든 모듈에 대한 소스맵을 제외합니다.
new webpack.EvalSourceMapDevToolPlugin({
exclude: ["vendor.js"],
});
