2012-12-03 4 views
2

Так что мой вопрос - это клон этого one, за исключением предлагаемого использования технологии .net, и я работаю над linux.Как вложить все ресурсы (css, js, images) в один файл html?

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

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

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

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

+1

Вы можете преобразовать их все в zip-файл для удобства обмена. –

+0

«Это просто означает замену всех изображений изображениями base64 и импорт js/css встроенным обычным текстом». Итак, какая часть вы не знаете, как это сделать? Или вы пытаетесь написать код, который создает для вас автономные файлы? – Sceletia

+0

Жаль, если это было не ясно, но да, я бы хотел сделать это автоматически. На самом деле, если я не найду никакого хорошего решения, я могу создать его на Java. – Ghetolay

ответ

1

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

Вы можете начать с прочтения introductionary article about Gulp, а затем искать available gulp plugins одним из ключевых слов: рядный, актив, преуменьшать и т.д.

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

+0

Thks Это хорошая идея. Я использую хрюкать в другом проекте. Я посмотрю, посмотрю, смогу ли я придумать целую плагиновую цепочку. – Ghetolay