在我正在做的一个项目中，我想生成独立的.html文件。为了方便和模块化，我希望在开发过程中使用单独的JavaScript文件。我正在寻找一个'构建'的解决方案，这将使我能够产生的目标.html文件与相关的JavaScript文件包括直接作为嵌入式<script>标签（没有src属性）。例如：input.html：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
</head>
<body>
<script id="custom" src="test.js"></script>
</body>
</html>test.js：
alert("hello");output.html：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
</head>
<body>
<script id="custom">
alert("hello");
</script>
</body>
</html>额外好处：一个可以轻松适应多个js依赖项的解决方案（output.html应该包括一个script标签中连接的所有js文件）。这可以通过引入一个依赖于所有其他.js文件的main.js文件来完成，然后将其与一些工具捆绑在一起，然后从input.html引用它。我想为整个流程提供一个精简的解决方案。
1条答案
按热度按时间q5lcpyga1#
TLDR：请告诉我们你有什么样的环境可以运行，这样我们就知道什么样的工具是可以接受的
我不确定，你要什么环境，因为这只是一个解析和文件I/O练习。你可以用Python脚本或node.js脚本来做，用JS做会很难看，但也是可能的。
这样的脚本只会查找包含脚本标记的行，并获取文件名，以便打开每个所需的文件，并将其写入输出文件，其他元素已经写入。另外，如果打开的JS文件中的行包含一些依赖项或文件导入，则它会在其他所有内容之前写入，因此首先您要逐个文件并存储导入，否则请首先将其写入文件，然后是常规代码。
编辑：找到这个答案，应该是完美的你：https://stackoverflow.com/a/301784/18229317
你需要用简单的脚本（比如python循环）来获取文件，然后将文件名传递给xml中的includes。输出文件是你可以放在输出HTML文件中的文件（也可以是任何能够阅读文件的文件）