如何将所有资源(css,js,images)嵌入到一个单独的html文件中?

时间:2012-12-03 11:12:29

标签: javascript html css mhtml

所以我的问题有点像这个one的克隆,除了答案提议使用.net技术,我正在研究linux。

以下是摘要:

我正在使用基于html5的幻灯片进行演示。这些幻灯片的创建方式与包含资源的子文件夹的每个网站一样。我正在寻找一种方法来将这些幻灯片转换为独立文件,以便能够轻松共享它们。

这只是意味着用base64图像替换所有图像,用内联纯文本替换js / css。 我也使用require.js,所以替换javascript导入可能会有点棘手,但这将是第二次问题。

我没有使用MHTML,因为浏览器并不支持它。

1 个答案:

答案 0 :(得分:1)

尝试使用Gulp.js或Grunt.js,它们运行文件并且每个都有很多插件。我个人更喜欢使用Gulp,因为它的基于流的模型 - 它快速而灵活,但您可能会发现Grunt更简单或(很可能)更快地找到合适的插件。它们都是Node.js utils,接受用JavaScript编写的配置文件,因此您不必使用Java或任何非常规技术来完成此任务。

您可以先阅读introductionary article about Gulp,然后按其中一个关键字搜索available gulp plugins:内联,资产,缩小等。

祝你工作流程优化好运!

相关问题