[ Laravel 5.7 文档 ] 前端开发 —— 使用进阶:通过 Laravel Mix 编译前端资源

简介 Laravel Mix 提供了一套流式 API,使用一些通用的 CSS 和 JavaScript 预处理器为 Laravel 应用定义 Webpack 构建步骤。通过简单的方法链,你可以流式定义资源管道。例如: mix.js('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass/app....

基于 Laravel + Vue 构建 API 驱动的 LBS 应用系列教程(十一) —— 通过 Laravel Mix 将 SASS 编译到 Vue 组件

在为单页面应用配置 JavaScript 和 Sass 这篇教程中,我们已经为所有 Sass 资源构建了目录结构,我们可以将 Vue 组件的 Sass 资源放到这些目录中。 第一步:创建变量文件 由于我们使用 Foundation 组件来实现快速格栅功能,包含应用所有 Sass 变量的 _variables.scss 将成为最重要的文件,我们将这个文件放到 resources/asset...

基于 Laravel + Vue 构建 API 驱动的 LBS 应用系列教程(四) —— 配置 JavaScript 和 SASS

到目前为止,我们都是在 Laravel 后端进行初始化和扩展包的安装配置,从这一篇教程开始,我们把视线转移到前端。对于前端开发,Laravel 自带了强大的 Laravel Mix,有了这个工具,我们不需要再担心复杂的 Webpack、Sass 配置以及前端文件的编译,虽然我们还是使用 NPM,但是 Laravel Mix 会帮我们打理所有的构建和编译工作,开发者甚至可以在 Larave...

[ Laravel 5.6 文档 ] 前端开发 —— 使用进阶:通过 Laravel Mix 编译前端资源

简介 Laravel Mix 提供了一套流式 API,使用一些通用的 CSS 和 JavaScript 预处理器为 Laravel 应用定义 Webpack 构建步骤。通过简单的方法链,你可以流式定义资源管道。例如: mix.js('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass/a...

[ Laravel 5.5 文档 ] 前端组件 —— 使用进阶:通过 Laravel Mix 编译前端资源

简介 Laravel Mix 提供了一套流式 API,使用一些通用的 CSS 和 JavaScript 预处理器为 Laravel 应用定义 Webpack 构建步骤。通过简单的方法链,你可以流式定义资源管道。例如: mix.js('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass...

[ Laravel 5.4 文档 ] 前端 —— 编译资源(Laravel Mix)

1、简介 Laravel Mix 提供了一套流式 API,使用一些通用的 CSS 和 JavaScript 预处理器为 Laravel 应用定义 Webpack 构建步骤。通过简单的方法链,你可以流式定义资源管道。例如: mix.js('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass...

[ Laravel 5.4 文档 ] 前端 —— JavaScript & CSS 脚手架

1、简介 Laravel 并不强制你使用什么 JavaScript 或者 CSS 预处理器,不过也确实提供了对很多应用都很有用的 Bootstrap 和 Vue 的一些基本使用。默认情况下,Laravel 使用 NPM 来安装这些前端包。 CSS Laravel Mix提供了干净的、优雅的API用于编译 SASS 或 Less,SASS 和 Less 都是在原生 CSS 的...

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

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

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

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

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

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