简介
last-call-webpack-plugin 是一个 webpack 插件，可以在 webpack 构建过程的最后阶段对模块进行优化和处理。它可以用于去除未使用代码、压缩 JavaScript 代码等操作，以减小打包后文件的体积。
安装和使用
安装：
npm install --save-dev last-call-webpack-plugin
在 webpack 配置文件中引入插件并配置：
-- -------------------- ---- -------
----- --------------------- - ------------------------------------
-------------- - -
-- ---
------------- -
---------- -
-- -- --------------------- -----
--- -----------------------
---------------- -
-
------ ------------------------------------
------- ---------
---------- ----------- ------ -- -
-- -------------
----- ---- - ---------------
------ -------------------------------------
--
--
--
---
--
--
--在上述配置中，我们使用 minimizer 属性来配置优化器，并将 LastCallWebpackPlugin 实例添加到数组中。然后，我们通过定义一个 assetProcessors 数组属性来告诉插件我们要对哪些文件进行优化操作。在本例中，我们仅对 JavaScript 文件进行优化，因此我们使用了一个正则表达式来匹配 js 后缀的文件。接下来，我们定义了一个 processor 函数来执行自定义的优化逻辑。
示例代码
以下是一个示例代码，它使用 LastCallWebpackPlugin 来去除未使用的 CSS 类：
-- -------------------- ---- -------
----- --------------------- - ------------------------------------
-------------- - -
-- ---
------------- -
---------- -
--- -----------------------
---------------- -
-
------ ------------------------------------
------- ----------
---------- ----------- ------ -- -
-- -- --- --
----- ---- - ---------------
-- ------ --- -
----- ----------- - -------------------------
----- ----------- - ---------------------------- -------------
-- --------
------ ------------
--
--
--
---
--
--
--在上面的代码中，我们首先获取 CSS 代码，然后使用 findUsedCssClasses 函数来查找使用过的 CSS 类。接下来，我们将找到的类用于调用 removeUnusedCssClasses 函数来去除未使用的类。最后，我们返回优化后的结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43249