Laravel-Mix非常好用,其实就是为Laravel特意定制的webpack。可以方便的把多个css、多个js文件打包成一个文件。这样能提升页面的加载效率,同时也方便维护前端资源文件。
随着项目业务逻辑日渐复杂,css和js文件会越来越多。资源文件中会出现部分冗余代码。下面推荐一款零配置的组件,可以非常方便的移除,Laravel-Mix生成文件中,多余的css代码。
安装
使用yarn或者npm均可
配置
只需要在mix的定义后面,添加一行代码。
require('laravel-mix-purgecss');
在Laravel-Mix的配置文件中,添加一个方法
.purgeCss()
效果
终端执行如下命令
yarn run production
组件github地址:
https://github.com/spatie/laravel-mix-purgecss
领取专属 10元无门槛券
私享最新 技术干货