在前端开发中，Webpack 是一款非常流行的打包工具。而 script-ext-html-webpack-plugin 则是一个提供了 HTML 内联或外部加载脚本支持的 Webpack 插件，它能够很好地帮助我们优化网站性能，提高用户体验。
安装
--- ------- ------------------------------ ----------
配置
----- -------------------------- - -----------------------------------------
-------------- - -
-------- -
--- ----------------------------
-- --
--
-
-选项
custom: 自定义选项，接受一个函数参数，可对传入的 script 标签做一些自定义操作。函数传入一个参数，此参数即为 script 标签元素对象。
--- ----------------------------
------- -------- -------- -
-- ------------------------------ -
---------------------------- --------
-
-
--defaultAttribute: 当脚本标记没有明确指定任何属性时，自动应用的属性。例如，可以使用此选项添加.defer 属性。
--- ---------------------------- ----------------- ------- --
preload: 启用 preload。启用后，该脚本将使用 preload。可以将其作为字符串传递，以向 preload 定义更多选项。
--- ---------------------------- -------- ------- --
runtime: 在以下列表中，它提供了运行时 CSP 格式。这是当前有效的 script-src 值。
--- ----------------------------
-------- -------- --------------- --------- -
------ -
---------- --------------
------ ---------------
-
-
--示例
外部加载脚本
--- ---------------------------- ----------------- -------- -------- ------- --
内联脚本
----- ---- - ---------------
----- ----------------- - ------------------------------
-------------- - -
------ -
------ ----------------
--
------- -
----- ----------------------- --------
--------- ------------------
--
-------- -
--- -------------------
--------- -------------------
------------- ------------
---
--- ----------------------------
------- -------------------
-------- -------
--
-
-自定义选项
--- ----------------------------
------- -------- -------- -
-- ------------------------------ -
---------------------------- --------
-
-
--结束语
了解和使用 script-ext-html-webpack-plugin 可以帮助我们进行更好的网站性能优化，提高用户体验。希望此篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/62382