Webpack 插件 DllPlugin

Webpack 中的 DllPlugin 是一个非常有用的插件，它可以将一些不经常变动的第三方库代码提前打包好，以减少每次构建时的重复打包时间。这样可以提高构建速度，特别是在大型项目中。

安装

首先，我们需要安装 webpack 和 DllPlugin 插件：

--- ------- ------- ----------- ------------------ ------------------ ----------

配置

在项目根目录下创建一个 webpack.dll.js 配置文件，配置如下：

----- ---- - ----------------
----- ------- - -------------------
----- --------- - ------------------------------

-------------- - -
  ----- -------------
  ------ -
    ------- --------- ------------ ---------
  --
  ------- -
    ----- ----------------------- --------
    --------- ----------------
    -------- --------
  --
  -------- -
    --- -----------
      ----- ---------
      ----- ----------------------- -------------------
    --
  -
--

使用

在项目根目录下创建一个 webpack.config.js 文件，配置如下：

----- ---- - ----------------
----- ------- - -------------------
----- ------------------ - ---------------------------

-------------- - -
  ----- --------------
  ------ -----------------
  ------- -
    ----- ----------------------- --------
    --------- -----------
  --
  -------- -
    --- --------------------
      --------- -----------------------------
    --
  -
--

在 index.js 文件中引入第三方库：

------ ----- ---- --------
------ -------- ---- ------------
------ - ---- ---------

-- ---- ---- ----

最后，运行 webpack 构建命令：

--- ------- -------- --------------
--- ------- -------- -----------------

这样就可以看到第三方库被提前打包好，加快了构建速度。