如何将所有资源（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文件中？

回答

相关问题