如何通过使用DllPlugin显著提升Webpack编译速度?

2026-04-08 22:070阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1032个文字,预计阅读时间需要5分钟。

如何通过使用DllPlugin显著提升Webpack编译速度?

一、前言

The DllPlugin 和 DllReferencePlugin 提供了一种将包的方法,可以显著提高构建时间的性能。DllPlugin 与 DllReferencePlugin 插件的结合使用,可以对即将输出的 bundle 文件进行拆解打包。

一、前言

The DllPlugin and DllReferencePlugin provide means to split bundles in a way that can drastically improve build time performance.

DllPlugin 结合 DllRefrencePlugin 插件的运用,对将要产出的bundle文件进行拆解打包,可以很彻底地加快webpack的打包速度,从而在开发过程中极大地缩减构建时间。

二、构建效果

结论先行: 使用 DllPluginDllRefrencePlugin 进行构建,可以缩减50%~70%的构建时间。

参考Demo: dllplugin-demo

2.1 使用DllPlugin前的构建速度

入口文件 main.js 引入了一个 jQuery

文件,图示打包耗时2.3s。

阅读全文

本文共计1032个文字,预计阅读时间需要5分钟。

如何通过使用DllPlugin显著提升Webpack编译速度?

一、前言

The DllPlugin 和 DllReferencePlugin 提供了一种将包的方法,可以显著提高构建时间的性能。DllPlugin 与 DllReferencePlugin 插件的结合使用,可以对即将输出的 bundle 文件进行拆解打包。

一、前言

The DllPlugin and DllReferencePlugin provide means to split bundles in a way that can drastically improve build time performance.

DllPlugin 结合 DllRefrencePlugin 插件的运用,对将要产出的bundle文件进行拆解打包,可以很彻底地加快webpack的打包速度,从而在开发过程中极大地缩减构建时间。

二、构建效果

结论先行: 使用 DllPluginDllRefrencePlugin 进行构建,可以缩减50%~70%的构建时间。

参考Demo: dllplugin-demo

2.1 使用DllPlugin前的构建速度

入口文件 main.js 引入了一个 jQuery

文件,图示打包耗时2.3s。

阅读全文