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 '~boo...

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

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

上一篇 下一篇
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 18

zhuameng
jumbotron已经在bootstrp5的版本中废除
4 个点赞 | 0 个回复 | 分享 | 课程版本 8.x
ChoChik
如何实现浏览器自动刷新?
2 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
ByteCat
是否可以使用 yarn run watch-poll
2 个点赞 | 0 个回复 | 分享 | 课程版本 5.8
keke996
win10 + 教程中的 Homestead 当我运行 yarn install 报错
1 个点赞 | 4 个回复 | 问答 | 课程版本 5.7
bing_
安装 NPM 依赖: $ yarn install 时发生的错误如何解决?
0 个点赞 | 5 个回复 | 分享 | 课程版本 5.8
kerry
运行了 NPM run watch-poll 以后,代码写在哪?
0 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
achabwang
如果在 Laravel 中要使用非 blade 形式的视图该怎么办?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
Janpun
Laravel Mix 压缩 JS 库之后不起作用
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
AMA32
Sass 引入样式路径问题
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
bing_
执行命令 yarn install 报错的问题一直没解决
0 个点赞 | 2 个回复 | 分享 | 课程版本 5.8
cryformoon
yarn install --no-bin-links 问题怎么解决??
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
焰色天河
分享错误 File not found: ./assets/style/app.wxss 的解决办法
0 个点赞 | 0 个回复 | 分享 | 课程版本 9.x
danguilangzi
npm run watch-poll 经历
0 个点赞 | 0 个回复 | 分享 | 课程版本 8.x
zhaoyang365
lnmp 环境安装 yarn
0 个点赞 | 0 个回复 | 分享 | 课程版本 5.8