[問題] 有把 JS CSS 都打包壓進 HTML 的工具嗎

[visa9527 (高級伴讀士官長)]

最近在找 package 工具
大部分都是用 node.js ruby 的套件去處理的
不外乎把 JS 用 babel 編譯後壓成一個 js 檔
然後把 sass scss 編譯後壓成一個 css 檔
切圖的部分以前主流是把所有碎圖合併成一張大圖然後用 background position 切
最近潮流換 base64 壓後就不用再多一張圖檔了


現在我們希望把 html js css 通通都壓成一個 .html 檔
回到最原始的 HTML 文件設計，JS 跟 CSS 都放在同一個檔案內
完全不再發 request 載入其他檔案運作
可是沒看到有人這樣用或有套件可以這樣壓的

請問有沒有推薦的工具在最後可以把所有原本要 include 的檔案都塞進 index.html 的?


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 122.146.88.200
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1530597813.A.F6D.html
→ dododavid006: webpack + html-webpack-plugin +
→ dododavid006: html-webpack-inline-source-plugin 應該可以
→ Hevak: ....你直接把js檔和css檔內容塞進去html不就好了
→ Hevak: 該不會忘記 script tag 和 style tag 裡面可以直接把東西套
→ Hevak: 進去了吧，哪需要什麼特別的工具...
→ y3k: 前陣子玩過Http2.0 你是想解決這種問題嗎?
→ y3k: (Http2.0要解決的那種問題)
→ acer1832a: 是要把js和css寫進去html，然後只有一個html檔
→ acer1832a: 沒有js檔也沒有css檔???