如何將所有資源（css、js、圖像）嵌入到一個 html 文件中？

Question

所以我的問題有點像這個問題的克隆，除了建議使用 .net 技術的答案，我正在研究 linux。

這是一個摘要：

我正在使用基於 html5 的幻燈片進行演示。 這些幻燈片的創建方式與每個帶有包含資源的子文件夾的網站一樣。 我正在尋找一種方法將此幻燈片轉換為獨立文件，以便能夠輕松共享它們。

這只是意味着將所有圖像替換為 base64 圖像，並將 js/css 導入替換為內聯純文本。 我也在使用 require.js，所以替換 javascript 導入可能有點棘手，但這將是第二次問題。

我沒有使用 MHTML，因為瀏覽器並不真正支持它。

Answer 1

嘗試使用Gulp.js或Grunt.js，它們運行文件並且每個都有很多插件。 我個人更喜歡使用Gulp，因為它的基於流的模型 - 它快速而靈活，但您可能會發現Grunt更簡單或（很可能）更快地找到合適的插件。 它們都是Node.js utils，接受用JavaScript編寫的配置文件，因此您不必使用Java或任何非常規技術來完成此任務。

您可以先閱讀有關Gulp的介紹性文章 ，然后通過以下關鍵字之一搜索可用的gulp插件 ：inline，asset，minify等。

祝你工作流程優化好運！

Answer 2

使用可以滿足您需要的單文件 cli 。