如何將所有資源（CSS，js，圖片）嵌入到一個HTML文件中？

所以我的問題是有點這個one克隆，除了提出的答案使用.net技術，我正在linux上工作。如何將所有資源（CSS，js，圖片）嵌入到一個HTML文件中？

這裏是一個總結：

我與演示基於HTML5的幻燈片。這些幻燈片是創建像每個網站與子文件夾包含資源。我正在尋找一種方法將獨立文件中的幻燈片轉換爲可以輕鬆共享的幻燈片。

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

我沒有使用MHTML，因爲它沒有真正被瀏覽器支持。

來源

2012-12-03 Ghetolay

您可以將它們全部轉換爲zip文件以方便共享。 –

「這僅僅意味着以base64圖像替換所有圖像，並通過內聯純文本導入js/css。」那麼你不知道該怎麼做？或者你是否試圖編寫爲你創建獨立文件的代碼？ – Sceletia

對不起，如果這不清楚，但是，我想以自動的方式做到這一點。其實如果我沒有找到任何好的解決方案，我可以用Java自己創建它。 – Ghetolay

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

您可以讀取introductionary article about Gulp開始，然後通過一個關鍵字的搜索available gulp plugins：內聯，資產，縮小等

祝你好運與優化工作流程！

來源

2015-02-22 02:38:06 oleggromov

Thks這是個好主意。我實際上是在不同的項目中使用grunt。我會看看是否可以想出一個令人滿意的插件鏈。 – Ghetolay

如何將所有資源（CSS，js，圖片）嵌入到一個HTML文件中？

回答

相關問題