读取文件，替换脚本标记

我一直在为这一天的大部分工作，现在是时候寻求帮助。读取文件，替换脚本标记

我正在创建一个在webpack构建dist文件夹后运行的脚本。我使用的服务器框架不允许允许脚本标记在HTML中。

在webpack构建dist文件夹后，我将该文件夹并创建一个新文件夹进行部署。我想从我的webpack文件夹中加载大部分javascript的html文件，并使用我可以在我使用的服务器框架上使用的“脚本式”标签。

这是什么样子：

的WebPack文件：

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Proof of Concept</title> 
    </head> 
    <body>  
    <div id="app" /> 
    <script src='./project/client-js.js'></script> 
    </body> 
</html>

我需要删除脚本标记，使其这个代替：

文件，我需要创建部署：

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Proof of Concept</title> 
    </head> 
    <body>  
    <div id="app" /> 
    <?!= include('client-js.js') ?> 
    </body> 
</html>

我的想法是

读中的WebPack DIST文件中使用节点fs.readFile
发现在HTML文件中的所有脚本标记，
解析出SRC字符串与文件名，
从文件/字符串中删除脚本标记
插入我需要用我的服务器框架为我所有的js文件使用的语法。

我花了大部分时间试图重新创建我列出的步骤。我试过reg-ex's去查找所有脚本标记（不幸的是，我不是一个带有正则表达式的guru），将我的字符串分割成一个数组，最终我无法想出一个解决方案。

如果任何人都可以表达他们的想法或想法如何解决这个问题，我将不胜感激。这是我需要的构建过程的最后一步。

来源

2017-02-15 HelloWorld

您的webpack dist文件是否被删除了空格（压缩），还是它看起来像您发布的示例？ – roger

HTML没有被剥离，只有JavaScript文件被缩小。 – HelloWorld

我已经有了我的js文件的解决方案。我必须在

读取文件，替换脚本标记

相关问题