在前端开发中，经常需要将 script 标签中的内容提取出来，然后保存为文件。这个过程虽然可以手动完成，但是难以提高效率和准确性。因此，我们可以使用 npm 包 posthtml-script-to-file 来帮助我们自动生成文件。
什么是 posthtml-script-to-file
posthtml-script-to-file 是一个基于 posthtml 的插件，可以将 html 文件中 script 标签中的内容提取出来，并自动生成对应的 js 文件。
安装
首先，需要确保已经安装了 Node.js 和 npm。然后，可以在终端中执行以下命令来安装 posthtml 和 posthtml-script-to-file：
npm install posthtml posthtml-script-to-file --save-dev
使用
基本用法
下面是一个示例的 html 文件：
-- -------------------- ---- -------
------
------
----------------------
------- -----------------------
------------------ --------
---------
-------
------
------- -- -- ------------
------- -----------------------
------------------ ----- --------
---------
-------
-------可以使用 posthtml-script-to-file 插件将 script 标签中的内容提取并保存为文件：
-- -------------------- ---- -------
----- -------- - --------------------
----- ------------ - -----------------------------------
----- ---- - -
---- ------- ---- ---
--
----------
-------------------
------- -
----- -----
--
---
--------------
------------ -- --------------------------上面的代码会将生成一个名为 js/example.js 的文件，其中包含第一个 script 标签中的内容。第二个 script 标签的内容会生成名为 js/example-1.js 的文件。
配置选项
在使用 posthtml-script-to-file 时，有一些配置选项可以使用：
output.path: 文件输出路径。默认值为 './'。output.prefix: 文件名前缀。默认值为 'example-'。output.suffix: 文件名后缀。默认值为 '.js'。
支持的标签类型
posthtml-script-to-file 支持以下类型的 script 标签：
<script src><script>
总结
本文介绍了如何使用 posthtml-script-to-file 来将 html 文件中的 script 标签中的内容提取并保存为 js 文件。通过使用这个 npm 包，我们可以极大地提高前端开发的效率和准确性。
示例代码：
-- -------------------- ---- -------
----- -------- - --------------------
----- ------------ - -----------------------------------
----- ---- - -
------
------
----------------------
------- -----------------------
------------------ --------
---------
-------
------
------- -- -- ------------
------- -----------------------
------------------ ----- --------
---------
-------
-------
--
----------
-------------------
------- -
----- -----
--
---
--------------
------------ -- --------------------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590681e8991b448d65ac