零配置为你的 Laravel 项目添加 Purgecss 功能(清除未使用的 CSS 规则,加速页面加载)

翻译 Summer ⋅ 于 6个月前 ⋅ 最后回复由 itas 3周前 ⋅ 935 阅读 ⋅ 原文地址

站点的翻译文章创建时,您将第一时间收到通知。

这是一篇社区协同翻译的文章,已完成翻译,更多信息请点击 协同翻译介绍

file

Spatie组织的Sebastian De Deyne正在为Laravel Mix开发一个Purgecss包,这个包可以为你的Laravel项目提供零配置的Purgecss(可以删除未使用的css)

let mix = require('laravel-mix');
require('laravel-mix-purgecss')();

// ...

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
   .purgeCss();

这个包会扫描程序目录中的所有HTML, JS, PHP, 和Vue文件中的css选择器,而且Purgecss只会在生产环境中启用

科大大 翻译于 6个月前

大多数项目不需要这个插件,但是如果你觉得这些基础配置不满足你的需求的话,你可以自定义配置Purgecss而且 laravel-mix-purgecss 包提供了三个选项:

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
   .purgeCss({ /* My options */ });

你可以查看readme去获取更多的关于如何配置Purgecss和它为Laravel Mix提供的额外的配置选项。

科大大 翻译于 6个月前

如果你不熟悉Purgecss:

purgecss是删除未使用的css的工具,它可以用作您的开发工作流程的一部分。
purgecss会提供javascript api,命令行工具,以及用于一些热门的构建工具的插件。

这个包可以让你在你的Laravel项目中自由地清理未使用的css,所以你只需要安装它然后就能让你在生产环境中使css文件变得更小,Boom!

你可以在Github中看到项目 spatie/laravel-mix-purgecss 。

科大大 翻译于 6个月前

原文地址:https://laravel-news.com/purgecss-larave...

译文地址:https://laravel-china.org/topics/7935/ze...


本文中的所有译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。

本帖已被设为精华帖!

文章译者

回复数量: 1
您需要登陆以后才能留下评论!

Composer 中国全量镜像

Top 250 扩展包

Lumen 中文文档

Laravel 速查表

Laravel 中文文档

Laravel 项目开发规范

Laravel 开发环境部署

Composer 中文文档

Elasticsearch-PHP 中文文档

Lumen 中文文档

GraphQL PHP 中文文档

社区文档撰写指南

TDD 构建 Laravel 论坛笔记

PHP PSR 标准规范

PHP 设计模式全集

Dingo API 中文文档