[ Laravel 5.3 文档 ] JavaScript & CSS —— 编译资源(Laravel Elixir)

laravel文档

1、简介 Laravel Elixir 提供了一套干净、平滑的 API 用于为 Laravel 应用定义基本的Gulp任务。Elixir 支持一些通用的 CSS 和 JavaScript 预处理器,甚至测试工具。使用方法链,Elixir 允许你平滑的定义资源管道。例如: elixir(function(mix) { mix.sass(‘app.scss’) .coffee(‘app.co…

[ Laravel 5.2 文档 ] 服务 —— 集成前端资源:Laravel Elixir

laravel文档

1、简介 Laravel Elixir 提供了一套干净、平滑的 API 用于为 Laravel 应用定义基本的Gulp任务。Elixir 支持一些通用的 CSS 和 JavaScript 预处理器,甚至测试工具。使用方法链,Elixir 允许你平滑的定义资源管道。例如: elixir(function(mix) { mix.sass(‘app.scss’) .coffee(‘app.co…

基于Laravel开发博客应用系列 —— 前台功能优化:给博客换上漂亮的主题 & 完善博客功能

Laravel博客首页

在本节中我们将会为博客换个主题,让博客前台看上去更加大气美观。 1、使用 Clean Blog Clean Blog 是 Start Bootstrap 提供的一个免费博客模板,本节我们将使用该模板美化博客前台页面。 使用 Bower 获取Clean Blog 首先我们使用 Bower 下载 Clean Blog: bower install clean-blog –save 使用 G…

基于Laravel开发博客应用系列 —— 使用Bower+Gulp集成前端资源

laravel+bower

本节我们将讨论如何将前端资源集成到项目中,包括前端资源的发布和引入。本项目将使用 Bower 和 Gulp 下载和集成 jQuery、Bootstrap、Font Awesome 以及 DataTables。 1、“偷”别人的代码 开发 web 应用最快的方式就是借鉴别人的项目。换句话说,“偷”他们的代码。 当然,不是真偷。 举个例子吧,Twitter Bootstrap 的许可证声明允…

Laravel Elixir 深入探究(一):Elixir配置选项、前端资源文件编译及合并

Laravle Elixir 深入探究 1

0、概述 前两节我们对Laravel Elixir进行了基本介绍和安装,以及如何使用Elixir将Bootstrap集成到项目中来,这一节开始我们在此基础上对Laravel Elixir进行更为系统的讲解,设计到Laravel Elixir配置及使用的方方面面,试图让大家对Laravel Elixir有一个全方位的认识。 当我们在开发应用的时候,有很多重复性的任务需要处理,这些任务包括:…

Laravel中运行Gulp任务的利器 —— Laravel Elixir简介及入门教程

gulp-tasks-in-laravel-with-elixir

对现代开发者而言,即使是构建一个很简单的web应用,也要编写很多任务,比如压缩图片、最小化CSS和JavaScript文件、移除调试代码、运行单元测试以及处理很多其它不计其数的任务。当你将绝大部分精力放在业务主流程上,却还需要时刻盯着这些碎片化任务着实有点让人焦头烂额。 Laravel的宗旨是让PHP开发变得轻松愉悦,所以从Laravel 5开始,提供了一个新的被称作Laravel El…

使用 Laravel 快速构建网站系列 —— 内容管理系统:October

使用Laravel构建的网站:October

1、简介 明天开始时令就进入金秋十月了,学院君今天在这里给大家介绍一款名字听上去很美,同时也很符合这个季节的CMS——October(十月)。 October是一个内容管理系统(CMS),更是一个致力于让开发工作流变得简单的web平台。其诞生的原由是对现有系统的不满,我们觉得构建web站点已经变成一个非常复杂、令人费解的过程,这让开发人员很不满意,因此我们想要呈现事物的简单面,让你返璞归…

[ Laravel 5.1 文档 ] 服务 —— Laravel Elixir

laravel文档

1、简介 Laravel Elixir提供了一套干净、平滑的API用于为Laravel应用定义基本的Gulp任务。Elixir支持一些通用的CSS和JavaScript预处理器,甚至是测试工具。使用方法链,Elixir允许你平滑的定义资源管道。例如: elixir(function(mix) { mix.sass(‘app.scss’) .coffee(‘app.coffee’); })…