Как встроить все ресурсы (css, js, изображения) в один файл html?

Итак, мой вопрос является своего рода клоном этого one кроме ответа предложено использовать технологию .net, а я работаю над linux.

Вот краткое изложение:

Я работаю со слайдом на основе html5 для презентации. Эти слайды создаются, как и любой веб-сайт, с подпапками, содержащими ресурсы. Я ищу способ преобразовать эти слайды в отдельный файл, чтобы иметь возможность легко делиться ими.

Это просто означает замену всех изображений изображениями base64 и импортом js/css встроенным текстом. Я также использую require.js, поэтому замена импорта javascript может быть немного сложнее, но это будет проблема во второй раз.

Я не использую MHTML, потому что он не поддерживается браузерами.


person Ghetolay    schedule 03.12.2012    source источник
comment
Вы можете преобразовать их все в zip-файл для удобства обмена.   -  person Asad Saeeduddin    schedule 03.12.2012
comment
Это просто означает замену всех изображений изображениями base64 и импортом js/css встроенным текстом. Так какую часть вы не знаете, как сделать? Или вы пытаетесь написать код, который создает для вас автономные файлы?   -  person Delon    schedule 03.12.2012
comment
Извините, если это было непонятно, но да, я хотел бы сделать это автоматически. На самом деле, если я не найду хорошего решения, я могу создать его сам на Java.   -  person Ghetolay    schedule 03.12.2012


Ответы (1)


Попробуйте использовать Gulp.js или Grunt.js, которые работают с файлами и имеют множество плагинов. Лично я предпочитаю использовать Gulp из-за его потоковой модели — он быстрый и гибкий, но вы можете найти Grunt более простым или (что весьма вероятно) быстрее найти подходящий плагин. Оба они являются утилитами Node.js, принимающими файлы конфигурации, написанные на JavaScript, поэтому вам не нужно использовать Java или какую-либо нетрадиционную технологию для этой задачи.

Вы можете начать с чтения вводной статьи о Gulp, а затем выполнить поиск доступные плагины gulp по одному из ключевых слов: inline, assets, minify и т. д.

Удачи в оптимизации рабочего процесса!

person oleggromov    schedule 22.02.2015
comment
Спасибо. Это хорошая идея. На самом деле я использую grunt в другом проекте. Я посмотрю на оба, посмотрю, смогу ли я придумать удовлетворительную цепочку плагинов. - person Ghetolay; 23.02.2015