【webpack】source map에 지정되는 domain나 path를 변경한다
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
이 무엇입니까? 이 방법을 어떻게 사용할 수 있는지는 또 별도로 기사 씁니다.
Reference
이 문제에 관하여(【webpack】source map에 지정되는 domain나 path를 변경한다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ota-meshi/items/2e8e8ef8e6e6d21ea053
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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
이 무엇입니까? 이 방법을 어떻게 사용할 수 있는지는 또 별도로 기사 씁니다.
Reference
이 문제에 관하여(【webpack】source map에 지정되는 domain나 path를 변경한다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ota-meshi/items/2e8e8ef8e6e6d21ea053
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
{"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
이 무엇입니까? 이 방법을 어떻게 사용할 수 있는지는 또 별도로 기사 씁니다.
Reference
이 문제에 관하여(【webpack】source map에 지정되는 domain나 path를 변경한다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ota-meshi/items/2e8e8ef8e6e6d21ea053
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(【webpack】source map에 지정되는 domain나 path를 변경한다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ota-meshi/items/2e8e8ef8e6e6d21ea053텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)