在前端开发中，我们常常需要向 HTML 文档中添加 JavaScript，而手动添加 JavaScript 往往会导致很多不便。此时，我们便需要使用一个工具来自动化插入 JavaScript 到 HTML 文档中。而这个工具就是 npm 包 html-inject-script。
安装
在使用 html-inject-script 之前，我们需要先进行安装，通过以下命令进行安装：
--- ------- ------------------
使用
使用 html-inject-script 的方法非常简单。首先，在我们需要添加 JavaScript 到 HTML 文档的位置添加一个占位符：
--------- -----
------
------
----- ----------------
-----------------------
-------
------
---- ---------------
---- ----------- ---
-------
-------接下来，我们在 JavaScript 文件中引入 html-inject-script，并使用 injectScript 函数将 JavaScript 注入到占位符中：
----- - ------------ - - -----------------------------
--------------
------ --------------
------- -----
--------- -------
------------ ----- ----------- ----
--其中，injectScript 函数的参数有以下几个：
- files：需要注入的 JavaScript 文件。
- append：是否将 JavaScript 文件注入到最后。默认为 false。
- selector：注入的元素选择器。默认为 'head'。
- placeholder：占位符。默认为 '/* inject:js */'。
示例代码
以下为完整示例代码：
--------- -----
------
------
----- ----------------
-----------------------
-------
------
---- ---------------
---- ----------- ---
------- ---------------------------
-------
--------- -------- ----- - ------------ - - ----------------------------- -------------- ------ -------------- ------- ----- --------- ------- ------------ ----- ----------- ---- --
-- --------- ------------------- --------
运行 index.js 后，我们便能够将 JavaScript 注入到 HTML 中指定的位置了。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedc55ab5cbfe1ea0612200