使用Import-Cost VSCode外掛控制匯入包大小
我們的行業一直在討論現代 Web 應用程式和網站的膨脹問題,由於這是一個熱門話題,許多人已經嘗試使用很棒的工具來解決它,例如webpack-bundle-analyzer、cost-of-modules、命令列 webpack 警告以及程式碼拆分和延遲載入等技術。雖然這些都是很棒的工具,但如果你沒有足夠的意識,它們很容易被忽視。
Import-Cost 是一個Visual Studio Code 擴充套件,它會在您匯入它的那一刻(或之後的幾分鐘)向您顯示匯入的第 3 方庫的大小。此擴充套件不打算用作捆綁分析工具 - 有更好的工具,此擴充套件將幫助您找到明顯的痛點並防止向您的客戶傳送大量捆綁包。
工作原理
Import-Cost 聽取活動編輯器視窗中文字的變化。每當它檢測到一個變化(當然是被宣佈的),它將使用Typescript和Babylon AST分析器分析當前視窗的程式碼,並編制一個有效的匯入或需要的候選列表。
相關文章
- vscode外掛使用包VSCode
- Cursor一鍵匯入vscode外掛以及設定VSCode
- 使用 VSCode Remote 外掛VSCodeREM
- win10 vscode 外掛使用Win10VSCode
- VScode外掛VSCode
- vscode外掛分享VSCode
- vscode外掛整理VSCode
- vscode常用外掛VSCode
- VSCode 遠端開發外掛快速使用VSCode
- 歡迎使用園子的 vscode 外掛VSCode
- vscode自動註釋外掛的使用VSCode
- VScode外掛推薦VSCode
- VSCode外掛之BeautifyVSCode
- vscode 外掛配置指北VSCode
- VSCode 外掛測試VSCode
- VSCODE 外掛推薦VSCode
- VScode 好用的外掛VSCode
- VSCode For Web 深入淺出 -- 外掛載入機制VSCodeWeb
- [需求建議]外掛外部url控制器直接使用外掛配置
- [外掛擴充套件]Blog匯入OneThink套件
- HbuilderX配置Git外掛並從匯入專案UIGit
- HeyUI元件庫釋出vscode外掛,PS教程: 如何開發vscode外掛?UI元件VSCode
- vscode好用外掛彙總VSCode
- VSCode折騰log外掛VSCode
- VScode股票外掛開發VSCode
- 前端Vscode常用外掛概述前端VSCode
- VSCODE 常用外掛及配置VSCode
- 頂針的 VScode 外掛VSCode
- vscode常用python外掛VSCodePython
- 使用dubbo需要匯入的jar包JAR
- chatgpt-vscode:在VSCode中使用ChatGPT的擴充套件外掛ChatGPTVSCode套件
- AE外掛:Bodymovin(AE動畫匯出json外掛)動畫JSON
- vscode外掛列表及配置資訊VSCode
- VScode一鍵安裝外掛VSCode
- 【神器】vscode常用外掛與配置VSCode
- VSCode必備外掛推薦VSCode
- VscodeIDEA開發外掛VSCodeIdea
- 使用struts,必需要匯入的jar包JAR