EvalSourceMapDevToolPlugin 是 webpack 提供的一个插件，用于生成 eval 类型的 source map。在开发环境中使用 eval 类型的 source map 可以提高代码构建速度，并且能够更快地定位到源代码中的错误。
安装
要使用 EvalSourceMapDevToolPlugin 插件，首先需要安装 webpack：
npm install webpack --save-dev
配置
在 webpack 配置文件中引入 EvalSourceMapDevToolPlugin 插件，并进行相应的配置：
-- -------------------- ---- -------
----- - -------------------------- - - -------------------
-------------- - -
-- ----
-------- ------ -- ---- ------ ---
-------- -
--- ----------------------------
-------- ---------------
----------------------- -----------------
--
-
--在上面的配置中，我们禁用了其他类型的 source map，并配置了 EvalSourceMapDevToolPlugin 插件的一些参数。exclude 参数用于排除某些文件或文件夹不生成 source map，moduleFilenameTemplate 参数用于指定 source map 文件的命名规则。
示例
假设我们有一个简单的 webpack 配置文件 webpack.config.js，内容如下：
-- -------------------- ---- -------
----- ---- - ----------------
-------------- - -
------ -----------------
------- -
----- ----------------------- --------
--------- -----------
--
-------- ------
-------- -
--- ----------------------------
-------- ---------------
----------------------- -----------------
--
-
--当我们运行 webpack 构建项目时，EvalSourceMapDevToolPlugin 插件会生成 eval 类型的 source map，帮助我们在浏览器中更好地调试代码。
结论
EvalSourceMapDevToolPlugin 是一个非常实用的 webpack 插件，在开发阶段使用它可以提高代码编译速度，同时方便我们快速地定位和修复代码中的错误。在实际项目中，建议根据具体需求选择合适的 source map 类型来进行配置。