4.3. Laravel 前端工作流

6.x

11.x 9.x 8.x 7.x 6.x 5.8 5.7 5.5 5.1

L01 Laravel 教程 - Web 开发实战入门 ( Laravel 6.x ) /

本教程最新版为 9.x，当前版本已放弃维护，请阅读最新版本！

Laravel 前端工作流

接下来讲解 Laravel 是如何利用 Sass, NPM, Yarn, Laravel Mix 来构成一套完整的前端工作流。

Sass 是一种可用于编写 CSS 的语言，起初由 Hampton Catlin 进行设计并由 Natalie Weizenbaum 开发。借助 Sass 我们可以少写很多 CSS 代码，并使样式代码的编写更加灵活多变。接下来我们将对 Sass 的几个主要功能进行讲解。

Sass 使用 @import 来导入其它的样式文件。如：

@import '~bootstrap/scss/bootstrap';

上面代码将导入 node_modules/bootstrap/scss/bootstrap.scss 文件。

你也可以使用下面代码来对单独一个文件进行导入：

@import "node_modules/bootstrap/scss/_alert.scss";

Sass 还允许你在代码中加入变量，所有的变量均以 $ 开头。

$navbar-color: #3c3e42;
.navbar-inverse {
  background-color: $navbar-color;
}

上面代码定...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质，我们需要对课程进行收费。付费后才能观看剩余内容。购买

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

讨论数量: 2

zhuameng

3年前

4 个点赞 | 0 个回复 | 分享 | 课程版本 8.x

ByteCat

5年前

2 个点赞 | 0 个回复 | 分享 | 课程版本 5.8