最近在找 package 工具
大部分都是用 node.js ruby 的套件去處理的
不外乎把 JS 用 babel 編譯後壓成一個 js 檔
然後把 sass scss 編譯後壓成一個 css 檔
切圖的部分以前主流是把所有碎圖合併成一張大圖然後用 background position 切
最近潮流換 base64 壓後就不用再多一張圖檔了
現在我們希望把 html js css 通通都壓成一個 .html 檔
回到最原始的 HTML 文件設計，JS 跟 CSS 都放在同一個檔案內
完全不再發 request 載入其他檔案運作
可是沒看到有人這樣用或有套件可以這樣壓的
請問有沒有推薦的工具在最後可以把所有原本要 include 的檔案都塞進 index.html 的?

webpack + html-webpack-plugin +html-webpack-inline-source-plugin 應該可以

....你直接把js檔和css檔內容塞進去html不就好了該不會忘記 script tag 和 style tag 裡面可以直接把東西套進去了吧，哪需要什麼特別的工具...

前陣子玩過Http2.0 你是想解決這種問題嗎?(Http2.0要解決的那種問題)

是要把js和css寫進去html，然後只有一個html檔沒有js檔也沒有css檔???