知识要点
- laravel中默认支持bootstrop前端框架
- 在安装
node.js
的基础上我们可以通过npm install
来初始化前端资源,加载一些我们需要的库 - 运行
npm run dev
命令对前端资源进行编译 sass
是css的拓展,提供了变量、嵌套、混合、导入、循环等功能npm run watch
命令,当发生改变时就会进行编译
sass相关
- 用
$
来声明变量,支持数字、字符串、数组、颜色、布尔值、null、List、Map、函数引用
,其中,list
相当于索引数组,Map
相当于关联数组 - 混合的话
sass
通过@mixin
标识,然后通过@include
引用 - 函数通过
@function
声明,允许出现-
短线 - 控制结构与
blade
类似,这里不清楚的同学可以去看我上一篇文章 - 导入使用
@import
- 继承使用
%
前缀,并且以%
开发的都不会渲染