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

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

[ 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.5 文档 ] 前端组件 —— 快速入门:JavaScript & CSS 脚手架

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

[ PHP 内核与扩展开发系列] 第一个 PHP 扩展:编译扩展

我们已经在上一节准备好了需要编译的源文件,接下来需要的便是把它们编译成目标文件了。 在 *nix 下编译安装 第一步:我们需要根据 config.m4 文件生成 configure 脚本、Makefile 等文件,这一步由 phpize 来帮我们做: $ /usr/local/php54/bin/phpize Configuring for: PHP Api Version: ...

[ PHP 内核与扩展开发系列] 配置编译环境并编译安装 PHP

准备工作 从一个 PHP 程序员,到一个想为 PHP 开发扩展的程序员,此间的进化有一步是跳不过去的,那就是你必须熟知如何编译 PHP 的源码。 *nix Tools C 语言的编译器是我们使用 C 语言的必备工具,你的系统应该已经自带了一种 C 语言的编译器,而且它极有可能是大名鼎鼎的 gcc。通过检测你本机 gcc 或者 cc 程序的版本,可以很方便的知道你机器上是否已经安装的...

[ 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 的...

使用 Jigsaw 扩展包基于 Laravel Blade 模板构建静态站点 —— 前端编译篇

1、Markdown 有些页面你更想使用Markdown而不是Blade?在Jigsaw中使用Markdown很简单,只需要创建以.markdown或.md为文件扩展名的文件即可,并且以YAML front matter的方式指定细节。 例如,假设你有这样的布局并且想要以Markdown文本填充content部分: <html> <head>....

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

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