Javascript 如何从两个/三个文件中获取差异，并将它们合并到节点中？_Javascript_Html_Node.js_Webpack

Javascript 如何从两个/三个文件中获取差异，并将它们合并到节点中？

javascript html node.js webpack

Javascript 如何从两个/三个文件中获取差异，并将它们合并到节点中？,javascript,html,node.js,webpack,Javascript,Html,Node.js,Webpack,我一直在玩webpack，我能够输出和转换es5 buid，以便使用钩子直接从HtmlWebpackPlugin将nomodule包含在标记中。与es6构建相同，但输入type=“module” 现在的问题是，我有两个基于相同模板文件的html文件。这里是一个例子，请不要介意丢失的标签，它是为了说明发生了什么。 template.html： <body class="container"> </body> es5.main.html <

我一直在玩webpack，我能够输出和转换es5 buid，以便使用钩子直接从HtmlWebpackPlugin将nomodule包含在标记中。与es6构建相同，但输入type=“module”

现在的问题是，我有两个基于相同模板文件的html文件。这里是一个例子，请不要介意丢失的标签，它是为了说明发生了什么。 template.html：

<body class="container">
</body>

es5.main.html

 <link href="main.ef35cd992b2eaf651405.css" rel="stylesheet">
    <body class="container">
    </body>
  <script src="runtime.1ee16c2201d417984a0f.bundle.es5.js" nomodule></script>

 <link href="main.ef35cd992b2eaf651405.css" rel="stylesheet">
 <body class="container">
    </body>
<script src="runtime.f00dbe9b3232d30ba93f.bundle.es6.js" type="module"></script>

es6.main.html

 <link href="main.ef35cd992b2eaf651405.css" rel="stylesheet">
    <body class="container">
    </body>
  <script src="runtime.1ee16c2201d417984a0f.bundle.es5.js" nomodule></script>

 <link href="main.ef35cd992b2eaf651405.css" rel="stylesheet">
 <body class="container">
    </body>
<script src="runtime.f00dbe9b3232d30ba93f.bundle.es6.js" type="module"></script>

我想知道，在构建之后，我可以运行一个节点脚本，从dist文件夹中获取diff并将其合并到一个文件中。有什么办法吗？

我用以下要点解决了这个问题：

您使用的是什么操作系统？在Mac和Linux上，这很容易。在Windows上，这在gitbash或MinGW或运行在Windows上WSLIAM的Linux发行版上很容易，但我确实安装了bash。我确实需要它可以从cli运行，这样我就可以与webpack集成。