4.3. Laravel 前端工作流

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

Laravel 前端工作流#

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

SASS 语法基础#

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

1. 样式文件导入#

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

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

上面代码将导入存放在 node_modules/bootstrap-sass/assets/stylesheets/bootstrap 文件夹中的所有样式文件。你也可以使用下面代码来对单独一个文件进行导入:

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_alerts.scss";

2. 变量#

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

$navbar-color:...

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

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

上一篇 下一篇
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
贡献者:1
讨论数量: 2

zhuameng
jumbotron 已经在 bootstrp5 的版本中废除
4 个点赞 | 0 个回复 | 分享 | 课程版本 8.x
ByteCat
是否可以使用 yarn run watch-poll
2 个点赞 | 0 个回复 | 分享 | 课程版本 5.8