這篇文章給大家分享的是有關(guān)laravel-mix如何自動壓縮html模板文件的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

羅城網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),羅城網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為羅城上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的羅城做網(wǎng)站的公司定做！

安裝依賴

cd /var/www/html/laravel-project

npm i -D laravel-mix@^5.x laravel-mix-template-minifier watch shelljs

壓縮處理

打開文件webpack.mix.js,并添加以下內(nèi)容：

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,
});

壓縮的參數(shù)，見html-minifier（https://github.com/kangax/html-minifier?spm=a2c6h.14275010.0.0.70f559611yXtvP）

監(jiān)聽文件變化

在項目根目錄新建文件compress.js,寫入以下內(nèi)容:

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);
  }
});

開機自啟監(jiān)聽命令

以上步驟完成后，在命令行執(zhí)行node compress.js,即可實現(xiàn)自動監(jiān)聽壓損模板文件，可以打開網(wǎng)頁看到頁面內(nèi)的