Laravel 前端工作流

5.1

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

L01 Laravel 教程 - Web 开发实战入门 ( Laravel 5.1 ) /

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

Laravel 前端工作流

接下来让我将为你展示 Laravel 是如何利用 Sass, NPM, Gulp 形成一套完整的前端工作流模式的。

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 网站上。

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

《L01 基础入门》

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

《L02 从零构建论坛系统》

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

讨论数量: 18

zhuameng

2年前

jumbotron已经在bootstrp5的版本中废除

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

ChoChik

5年前

如何实现浏览器自动刷新？

2 个点赞 | 5 个回复 | 问答 | 课程版本 5.5

ByteCat

4年前

是否可以使用 yarn run watch-poll

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

hustnzj

5年前

win10+Homestead 开启 NPM run watch-poll 实时编译后，刷新视图页面非常慢，请问有办法提速么？谢谢

1 个点赞 | 8 个回复 | 问答 | 课程版本 5.5

keke996

5年前

win10 + 教程中的 Homestead 当我运行 yarn install 报错

1 个点赞 | 4 个回复 | 问答 | 课程版本 5.7

adminnn

5年前

前面一节不是已经执行过 $ yarn install，这里还需要再次执行吗？

0 个点赞 | 6 个回复 | 问答 | 课程版本 5.5

bing_

4年前

安装 NPM 依赖： $ yarn install 时发生的错误如何解决？

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

kerry

6年前

运行了 NPM run watch-poll 以后，代码写在哪？

0 个点赞 | 5 个回复 | 问答 | 课程版本 5.5

achabwang

5年前

如果在 Laravel 中要使用非 blade 形式的视图该怎么办？

0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5

Janpun

4年前

Laravel Mix 压缩 JS 库之后不起作用

0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5

AMA32

5年前

Sass 引入样式路径问题

0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5

bing_

4年前

执行命令 yarn install 报错的问题一直没解决

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

XiaYen

5年前

新手请教运行 yarn install --no-bin-links 出现的问题，说是注册表的问题？

0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5

zhuotingyu

6年前

上一节 watch-poll 运行状态下关闭虚拟机后，重启虚拟机运行 yarn install 和 NPM run watch-poll 均报错？

0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5

cryformoon

6年前

yarn install --no-bin-links 问题怎么解决？？

0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5

焰色天河

3个月前

分享错误 File not found: ./assets/style/app.wxss 的解决办法

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

danguilangzi

2年前

npm run watch-poll 经历

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

zhaoyang365

4年前

lnmp 环境安装 yarn

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