精简Laravel-Mix中无用的代码

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