laravel-mix怎麼自動壓縮html模板文件

藏色散人
發布: 2021-03-08 09:04:24
轉載
2636 人瀏覽過

下面由laravel教學欄位來介紹laravel-mix 自動壓縮html模板文件,希望對需要的朋友有幫助!

laravel-mix 自動壓縮html範本檔案

#之前講過從零開始部署一個Laravel 專案
這次講一下怎麼自動壓縮php模板檔案


安裝依賴

cd /var/www/html/laravel-project npm i -D laravel-mix@^5.x laravel-mix-template-minifier watch shelljs
登入後複製

壓縮處理

打開檔案webpack.mix.js,並加入以下內容:

mix.minTemplate \= require("laravel-mix-template-minifier"); mix.minTemplate("storage/framework/views/\*.php", "storage/framework/views/", { collapseInlineTagWhitespace: true, collapseWhitespace: true, minifyCSS: true, minifyJS: true, processConditionalComments: true, removeAttributeQuotes: false, removeComments: true, removeTagWhitespace: false, trimCustomFragments: false, });
登入後複製
壓縮的參數,請參閱html-minifier(https://github.com/kangax/html-minifier?spm= a2c6h.14275010.0.0.70f559611yXtvP)

監聽檔案變更

在專案根目錄新建檔案compress.js,寫入下列內容:

let shell = require("shelljs"); let watch = require("watch"); let precessing = false; watch.watchTree("./storage/framework/views", function(f, curr, prev) { if (!precessing) { precessing = true; shell.exec("npm run prod"); setTimeout(() => { precessing = false; }, 5000); } });
登入後複製

開機自啟動監聽命令

以上步驟完成後,在命令列執行node compress.js,即可實現自動監聽壓損範本文件,可以開啟網頁看到頁面內的