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