如何在 laravel 中减少对 js/css 的 HTTP 请求答案

【问题标题】：How to cut down HTTP request on js/css in laravel如何在 laravel 中减少对 js/css 的 HTTP 请求
【发布时间】：2014-08-16 07:17:11
【问题描述】：

如何在 laravel 中结合 css/js

如果我有这个：

<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/styleol.css" type="text/css">
<link href="css/cupertino/jquery-ui-1.10.3.custom.css" rel="stylesheet">

例如，我怎样才能减少 HTTP 请求，

<link rel="stylesheet" href="css/style.css;css/styleol.css;css/cupertino/jquery-ui-1.10.3.custom.css" type="text/css">

【问题讨论】：

您需要使用像bundles.laravel.com/bundle/Laravel-JS-CSS-Minifier-Combiner这样的捆绑/缩小工具您是否已经尝试过任何工具或者您想知道如何使用捆绑工具？
您最好的解决方案是将所有 CSS 预编译在一起。您可以使用 Grunt 等前端工具来帮助您。

标签： javascript css laravel

【解决方案1】：

尝试使用这个包，你可以像这样在你的视图中调用它

// minify and combine all stylesheet files in given folder
{{ Minify::stylesheetDir('/css/') }}

https://github.com/ceesvanegmond/minify

【讨论】：

【解决方案2】：

您需要使用CodeSleeve/asset-pipeline，这会自动将您的所有资产 (css/js) 合并到一个文件中，并将 minify 代码合并到一个文件中。这意味着，浏览器只会发出一个请求，文件的大小可以大大减少。

阅读Github页面上的文档并使用Composer进行安装。

【讨论】：

作者声称他们不会进一步开发这个，因为 L5 包含了一个方法来做到这一点。

【解决方案3】：

您可以使用 Laravel Elixir 将项目的所有 CSS 文件合并和缩小到一个文件中，并且您可以将其用于您的 js 文件。阅读本教程http://www.techigniter.in/tutorials/minify-and-combine-css-and-js-using-laravel-elixir/

【讨论】：

这是 L5 的官方方式，但我不喜欢安装 nodejs 只是为了做到这一点：/