Webpack

通过合集保持井井有条 根据你的偏好保存内容并进行分类。

为现代 Web 应用程序打包

Addy Osmani

现代 Web 应用程序通常使用打包工具来创建生产“bundle”文件（脚本、样式表等），这些文件经过优化、精简，并且用户可以更快地下载。在使用 webpack 进行 Web 性能优化中，我们将介绍如何有效地使用 webpack 优化站点资源。这可以帮助用户更快地加载和与你的网站互动。

webpack 是当今最流行的打包工具之一。利用其优化现代代码的功能、将脚本代码拆分为关键和非关键部分以及去除未使用的代码（仅举几例优化），可以确保你的应用具有最小的网络和处理成本。

 

灵感来源于 Susie Lu 在 Bundle Buddy 中提出的代码拆分

让我们从优化现代应用程序中最昂贵的资源之一 – JavaScript 开始。

• 减小前端大小
• 利用长期缓存
• 监控和分析应用
• 结论