重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

laravel-mix如何自动压缩html模板文件

这篇文章给大家分享的是有关laravel-mix如何自动压缩html模板文件的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

罗城网站建设公司创新互联,罗城网站设计制作,有大型网站制作公司丰富经验。已为罗城上1000家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的罗城做网站的公司定做!

安装依赖

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,即可实现自动监听压损模板文件,可以打开网页看到页面内的