【webpack】source map에 지정되는 domain나 path를 변경한다

webpack의 변환 등으로 js를 생성할 때 source map을 출력할 수 있습니다만,
source map으로 지정된 domain이나 path를 변경하는 방법을 알았으므로 기사 씁니다.

설정 방법은 문서가있었습니다.
htps : // 기주 b. 코 m / ぇ b pack / cs / uki / 곤후 쿠라 치온 # t t t에서 v와 l

하고 싶은 일


webpack:// 가 되어 버리는 것을 변경하고 싶다.

예를 들어,





이런 식으로 하고 싶다





설정 방법


webpack.config.js 에서 output.devtoolModuleFilenameTemplate 를 설정합니다.
이번에는 다음과 같이 설정했습니다.
    output: {
        //・・・
        devtoolModuleFilenameTemplate: 'src/[resource-path]',
    },

자유롭게 변경하고 싶은 경우는, 이하의 페이지를 참고에 src 라고 쓴 근처를 자유롭게 변경하면 됩니다.

참고:
htps : // 기주 b. 코 m / ぇ b pack / cs / uki / 곤후 쿠라 치온 # t t t에서 v와 l

sourceMap 발췌



설정 없음
{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap aa8079d35e035494576e","webpack:///./sub.js","webpack:///./main.js"],・・・

설정 후
{"version":3,"sources":["src/webpack/universalModuleDefinition","src/webpack/bootstrap c0cbd02b78933164b9eb","src/./sub.js","src/./main.js"],・・・

샘플 프로젝트



는 여기
htps : // 기주 b. 코 m / 오타 메시 / ぇ b pack - v와 l - 모즈 훗 네 메 mp ぁ

무엇이 기뻐요?



별로 webpack:// 로 좋잖아. 무엇이 곤란한가? 라는 느낌이지만,
나는 remap-istanbul 가 제대로 report가 나오지 않아이 방법을 찾았습니다.remap-istanbul 이 무엇입니까? 이 방법을 어떻게 사용할 수 있는지는 또 별도로 기사 씁니다.

좋은 웹페이지 즐겨찾기