ブログ

맵핑소스 다운로드

2020年2月7日

원본 소스/선/열과 이 소스 맵에서 생성된 선/열 사이의 각 매핑을 반복합니다. 순서: 소스맵소비자.GENERATED_ORDER 또는 소스맵소비자.ORIGINAL_ORDER. 생성된 파일의 선/열 순서로 정렬된 매핑을 반복할지 또는 원본의 원본/줄/열 순서를 각각 반복할지 여부를 지정합니다. 기본값은 소스맵소비자.GENERATED_ORDER. 소스 루트: 선택 사항입니다. 모든 원본이 상대적인 URL 루트입니다. 즉, 이 메서드가 true를 반환하는 경우 consumer.sourceContentFor(들)는 consumer.source의 모든 소스에 대해 성공합니다. 내가 함께 넣어 한 또 다른 예는 ES6 (ECMAScript 6 또는 다음)를 작성하고 ES3 호환 코드로 컴파일 할 수 있습니다 구글의 Traceur 라이브러리를 사용합니다. Traceur 컴파일러도 소스 맵을 생성합니다.

소스 맵 덕분에 브라우저에서 기본적으로 지원되는 것처럼 사용되는 ES6 특성 및 클래스의 데모를 살펴보십시오. 데모의 텍스트 영역을 사용하면 즉석에서 컴파일되는 ES6를 작성하고 소스 맵과 동등한 ES3 코드를 생성할 수 있습니다. 기본적으로 결합 /축소 된 파일을 빌드되지 않은 상태로 다시 매핑하는 방법입니다. JavaScript 파일을 축소하고 결합하는 대신 프로덕션용으로 빌드할 때 원본 파일에 대한 정보를 포함하는 소스 맵을 생성합니다. 생성된 JavaScript에서 특정 줄과 열 번호를 쿼리할 때 원본 위치를 반환하는 소스 맵에서 조회를 수행할 수 있습니다. 개발자 도구(현재 WebKit 야간 빌드, Google 크롬 또는 Firefox 23+)는 소스 맵을 자동으로 구문 분석하여 미분화및 결합되지 않은 파일을 실행하는 것처럼 보이게 할 수 있습니다. 래스터 와 벡터 타일을 모두 제공하는이 오픈 소스 프로젝트의 저자로부터지도 호스팅을 사용합니다. 몇 번의 클릭만으로 앱에 맞는 사용자 지정 맵 스타일을 디자인할 수 있습니다. 유일한 매개 변수는 원시 소스 맵(JSON.parse`d 또는 개체일 수 있는 문자열)입니다. 사양에 따르면 소스 맵에는 다음 속성이 있습니다. 적용할 SourceMap에 대한 경로의 디르메입니다. 상대적인 경우 소스맵을 기준으로 합니다.

소스 맵의 다음 실제 구현을 보기 전에 개발 도구 패널의 설정 소그(scog)를 클릭하고 “소스 맵 사용” 옵션을 확인하여 매일 밤 Chrome Canary 또는 WebKit에서 소스 맵 기능을 활성화했는지 확인합니다. 아래 스크린샷을 참조하십시오. 위에서 소스 맵은 많은 수분이 많은 정보를 포함하는 객체 리터럴임을 확인할 수 있습니다: VLQ(가변 길이 수량)는 값을 Base64 값으로 인코딩하는 것과 함께 사용됩니다. 매핑 속성은 매우 큰 문자열입니다. 이 문자열 안에는 세미콜론(;) 생성된 파일 내의 줄 번호를 나타냅니다. 각 줄에는 해당 줄 내의 각 세그먼트를 나타내는 쉼표(,)가 있습니다. 이러한 각 세그먼트는 가변 길이 필드에서 1, 4 또는 5입니다. 일부는 더 이상 나타날 수 있지만 연속 비트를 포함합니다. 각 세그먼트는 이전 세그먼트를 기반으로 작성하므로 각 비트가 이전 세그먼트를 기준으로 하므로 파일 크기를 줄이는 데 도움이 됩니다. 원본 파일의 원본 콘텐츠를 설정합니다.

コメント

  • カテゴリー

    • カテゴリーなし
  • アーカイブ