我們的代碼依賴于streamlinehq/streamline-regularjavascript 包。這個包既是第三方的又是專有的,這意味著我們不能分叉它也不能編輯它。我們有這樣的debug.js示例代碼:import MessagesSpeechBubbles from '@streamlinehq/streamline-regular/lib/messages-chat-smileys/MessagesSpeechBubbles';
window.console.log(MessagesSpeechBubbles.MessagesBubbleSquareText);查看 MessagesSpeechBubbles js 文件,它正在為每種不同類型的對話氣泡導出帶有 SVG 數據的大量默認對象,縮小后總計 50kb。作為參考,請參閱捆綁分析的輸出:有什么方法可以部分導入或引入這個對象,這樣在被webpack打包后,只有MessagesBubbleSquareText對象的一部分被包含在最終的包中?本質上,有沒有什么方法可以通過只包含我們實際使用的 SVG 數據來縮小我們的生產包?
我們的第三方 javascript 依賴項導出了一個 50KB 的默認對象
動漫人物
2022-11-27 15:51:44