简介
autodll-webpack-plugin-fixed 是一个在 Webpack 中使用的自动化优化工具，可以使得 Webpack 的编译速度更加快速，同时也可以优化生产环境下的打包体积。
安装
安装 autodll-webpack-plugin-fixed 可以通过以下命令完成：
--- ------- ---------------------------- ----------
或者通过 yarn 安装：
---- --- ---------------------------- -----
使用
autodll-webpack-plugin-fixed 基本使用方式如下所示：
----- ------------- - ----------------------------------------
----- ------------- - -
-- ---
-------- -
--- ---------------
------- ----- -- --- ----
--------- ----------------
----- --------
-------- ----------
------ -
------- --------- -------------
--
---
--
--在这个配置里面，我们添加了一个 AutoDllPlugin 插件，并指定了需要在打包时生成的 vendor 文件。
在默认情况下，autodll-webpack-plugin-fixed 将会在以下两个情况下自动运行：
- 当 Webpack 首次运行时。
- 当某些包的版本发生变化时。
因此，我们可以在 Webpack 运行时自动化地获取最新的包及其版本信息。
配置选项
下面是 autodll-webpack-plugin-fixed 的所有配置选项：
| 名称 | 描述 | 默认值 |
|---|---|---|
| inject | 是否将自动化生成的文件注入 HTML 文件中。 | true |
| filename | 生成的输出文件名。 | "[name].dll.js" |
| path | 保存生成的 DLL 文件的路径。 | ./dll |
| context | 运行 Webpack 的上下文路径。 | __dirname |
| entry | 必须是一个对象，包含需要自动化打包的入口文件。 | {vendor: ["react", "react-dom"]} |
示例代码
下面是一个使用 autodll-webpack-plugin-fixed 插件的 Webpack 配置文件示例代码：
----- ---- - ----------------
----- ------- - -------------------
----- ------------- - ----------------------------------------
-------------- - -
------ -
----- -----------------
--
------- -
----- -------------------- --------
--------- -------------------
--
----- -------------
-------- -
--- ---------------
------- -----
--------- ----------------
----- --------
-------- ----------
------ -
------- --------- -------------
--
---
--
--总结
autodll-webpack-plugin-fixed 是 Webpack 中一个极度有用的自动化打包工具，可以帮助我们在开发和生产环境中自动管理依赖包的版本。
在我们的开发过程中，我们应该努力掌握这些工具，以便更高效地完成我们的任务。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6006734f890c4f7277583830