[{"data":1,"prerenderedAt":17},["ShallowReactive",2],{"QUERY_TAGS:Ch-VwfXZjf-ZycmehhOYwqkH-cx47ku8a-_zIdFvN9I":3},{"name":4,"posts":5},"Webpack",[6],{"path":7,"title":8,"description":9,"tags":10,"created":11,"readingTime":12},"\u002Fposts\u002Fwebpack-dynamic-import-magic-comments","Webpack 動態載入的 Magic Comments","動態載入（Dynamic import）可以有效的減少 Webpack 打包後的 bundle size。適當地使用動態載入，將不立即需要的 code 切分至獨立的模塊（chunk）可以在初次載入時帶來更好的使用者體驗。此外 webpack 也為動態載入提供了一些 Magic Comments，讓開發人員能更有彈性的調整各項細節。本篇將一一介紹這些 Comment 的用法並搭配簡易範例來呈現、說明。",[4],"2020-09-11 22:52:45",{"text":13,"minutes":14,"time":15,"words":16},"17 min read",16.255,975300,3251,1778395100193]