作者visa9527 (高級伴讀士官長)
看板Ajax
標題[問題] 有把 JS CSS 都打包壓進 HTML 的工具嗎
時間Tue Jul 3 14:03:30 2018
最近在找 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://webptt.com/m.aspx?n=bbs/Ajax/M.1530597813.A.F6D.html
1F：→ dododavid006: webpack + html-webpack-plugin + 07/03 14:30
2F：→ dododavid006: html-webpack-inline-source-plugin 應該可以 07/03 14:30
3F：→ Hevak: ....你直接把js檔和css檔內容塞進去html不就好了 07/04 00:31
4F：→ Hevak: 該不會忘記 script tag 和 style tag 裡面可以直接把東西套 07/04 00:31
5F：→ Hevak: 進去了吧，哪需要什麼特別的工具... 07/04 00:31
6F：→ y3k: 前陣子玩過Http2.0 你是想解決這種問題嗎? 07/05 02:01
7F：→ y3k: (Http2.0要解決的那種問題) 07/05 02:02
8F：→ acer1832a: 是要把js和css寫進去html，然後只有一個html檔 07/12 13:53
9F：→ acer1832a: 沒有js檔也沒有css檔??? 07/12 13:54