讀取文件，替換腳本標記

我一直在爲這一天的大部分工作，現在是時候尋求幫助。讀取文件，替換腳本標記

我正在創建一個在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文件的解決方案。我必須在

相關問題