Add `x_google_ignoreList` (Ignore-listing code) support to sourcemaps
還沒有人認領這個 Issue。
評估
- 難度
- 4/5
- 預估耗時
- 3-5 天
- 新手友好度
- 35/100
- Issue 類型
- 功能
- 描述清晰度
- 基本清楚
- 活躍度
- 停滯
- 技術堆疊
- javascript, rollup
- 領域
- build-system
研究方向
此 issue 未指出任何檔案、測試或進入點。先追蹤 microbundle 如何將 sourcemap 產生委派給 Rollup，接著將產生的 map 與 source-map ignoreList specification 比較。當產生的 sourcemap 能透過所要求的 ignore-list 欄位識別 framework 或 dependency 的來源，且涵蓋相關輸出路徑時，即表示完成。
由索引模型根據 Issue 內容生成。
描述
Introduce the x_google_ignoreList extension in the sourcemaps generated by this project. This will facilitate a more streamlined debugging experience in Chrome (and other supporting browsers) by automatically filtering out framework and dependency code.
Benefit
Implementing x_google_ignoreList in the sourcemaps will align this project with modern web development practices, offering a more focused and efficient debugging experience for developers using Chrome DevTools. This change will particularly benefit those who regularly engage in debugging complex applications with numerous dependencies.
Background Context
- https://developer.chrome.com/blog/devtools-modern-web-debugging/#just-my-code
-
The ignore-listing is enabled by populating an extra
x_google_ignoreListfield in the source map that Angular generates when compiling the project. The Chrome DevTools team encourages other framework authors to implement a similar change. Refer to the Case Study: Better Angular Debugging with DevTools post for more details.
-
- https://developer.chrome.com/blog/devtools-better-angular-debugging/#ignore-listing-code
-
Ignore-listing code
When debugging applications using Chrome DevTools, authors generally only want to see just their code, not that of the framework underneath or some dependency tucked away in the node_modules folder.To achieve this, the DevTools team has introduced an extension to source maps, called
x_google_ignoreList. This extension is used to identify third-party sources such as framework code or bundler-generated code. When a framework uses this extension, authors now automatically avoid code that they don't want to see or step through without having to manually configure this beforehand.The
x_google_ignoreListsource map extension is supported by Chrome DevTools starting with Chrome 106.
-
- https://developer.chrome.com/articles/x-google-ignore-list/
-
The ignoreList source map extension
Improve debugging experience in Chrome DevTools with the
ignoreListsource map extension.
-
- https://developer.chrome.com/blog/new-in-devtools-120/#ignore-list-spec
The source maps specification has adopted the
ignoreListfield instead ofx_google_ignoreListand DevTools now supports the new name with a fallback for the old one. Frameworks and bundlers can now use the new field name.Originally posted by @0xdevalias in https://github.com/facebook/react/issues/27774#issuecomment-1836969520
See Also
- https://github.com/facebook/react/issues/27774
- https://github.com/markerikson/react-prod-sourcemaps/issues/19
- https://github.com/vercel/next.js/issues/41370
- https://github.com/vuejs/rfcs/discussions/607
- https://github.com/sveltejs/svelte/issues/9740
- https://github.com/angular/angular-cli/pull/23545
- https://nuxt.com/blog/v3-3#better-logging-in-browser-devtools
- https://vitejs.dev/config/server-options.html#server-sourcemapignorelist
- https://rollupjs.org/configuration-options/#output-sourcemapignorelist
- https://github.com/Rich-Harris/magic-string/issues/241
- 主要語言
- JavaScript
- 星號
- 8.1k
- 分支
- 358
- PR 合併指標
- 30 天內沒有已合併 PR
環境準備
我們還沒有檢查這個專案的環境設定檔。先看它的 README，通用步驟見我們的新手貢獻指南。
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
developit/microbundle 的其他 Issue
-
CSS
難度 2/5 1-3 小時 新手友好度 68/100
developit/microbundle#1002 ·
-
難度 2/5 1-3 小時 新手友好度 75/100
developit/microbundle#789 · 1 則留言 ·
-
難度 3/5 1-2 天 新手友好度 55/100
developit/microbundle#1100 · 4 則留言 ·
-
難度 4/5 3-5 天 新手友好度 35/100
developit/microbundle#1094 · 1 則留言 ·
-
難度 3/5 1-2 天 新手友好度 45/100
developit/microbundle#1093 · 3 則留言 · 1 個 reaction ·
查看 developit/microbundle 的全部 Issue
相似的 Issue
-
factory-active factory-automatic task-bug-reproduction-success task-identify-harness-labels-done task-identify-issue-type-done
難度 2/5 1-3 小時 新手友好度 90/100
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 88/100
維護者通常 1 天內回覆
-
status: waiting triage
難度 2/5 1-3 小時 新手友好度 84/100
freeCodeCamp/freeCodeCamp#70412 ·
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 88/100
rohitg00/ai-engineering-from-scratch#490 ·
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 88/100
維護者通常 6 天內回覆