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

监听文件变化

在项目根目录新建文件 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;
    }, 1000);
  }
});

开机自启监听命令

以上步骤完成后,在命令行执行 node compress.js ,即可实现自动监听压损模板文件,可以打开网页看到页面内的 <style> 以及 <script> 中的内容已经压缩了。打开 storage/framework/views/ 中的模板文件,发现html已被压缩成一行,如果模板中有包含 php 代码,则不会去除 php 中的换行等。

有些页面的 js 代码不会压缩,暂时没找到什么原因。

由于监听文件命令是常驻命令台的,所以我们要设置开机自启,并且后台启动该命令。

nano /etc/rc.d/rc.local

# 添加以下内容
cd /var/www/html/ysmj-laravel
nohup node compress.js > /var/www/html/laravel-project/compress.out  2>&1 &

# 保存文件。然后设置权限使其开机自启
chmod +x /etc/rc.d/rc.local
我来评几句
登录后评论

已发表评论数()

相关站点

热门文章