Как упаковать в html-файл: картинки, css и js?
Доброго времени суток.
Например стили можно не подключать а разместить в тег<style>
JavaScript разместить в тег <script>
Изображения в качестве фона в css можно установить след. образом:background-image: url(data:image/gif;base64,{{base64_content}});
Изображения на странице можно поместить так же<img src="data:image/gif;base64,{{base64_content}}" alt="" />
Шрифты в css:@font-face {
    font-family: 'FontName';
    src: url(data:font/truetype;charset=utf-8;base64,{{base64_content}}) format('truetype'),
         url(data:font/woff;charset=utf-8;base64,{{base64_content}}) format('woff');
}
Где {{base64_content}} - это картинка закодированная в base64.
Закодировать можно здесь b64.io
Вы про конкретный инструмент спрашиваете или как теоретически это сделать?
Если теоретически - то стили можно прописать или <style></style>
или инлайном
Со скриптами - аналогично, есть тег<script></script>
Картинки - гуглите data uri.