DcTbnk的博客

一.安装 gulp 及运用# 全局环境下的安装 （只运行一次即可）-g# 在当前项目安装 项目依赖 -D# 流程1. npm init 初始化环境 生成一个 package.json 文件2. npm install 模块名 -g 全局安装 / -D 默认安装最新的版本 也可以指定版本 npm install gulp@3.9.1 -D devDependencies 开发环境下依赖的模块 dependencies 生产环境下依赖依赖npm install gulp -gnpm in

一.sass的gulp封装1,准备工作 先要定义项目文件夹结构2,npm 格式化 npm init -y3,下载 相关的依赖包 下载sass依赖包,将 sass 语法编译为 css语法 依赖包要下载为项目形式,也就是sass与gulp一样,要有全局和项目的两个依赖包 全局的 sass 平时编译使用的 npm i -g sass 项目的 gulp-sass 打包压缩使用的 npm i gulp-sass

一.定义sass的基本语法 1,注释:**************************************** 单行注释 // 多行注释 /* */ 2,变量**************************************** $变量名称 : 变量的数值 便于后期的维护和修改 例如今天是5:12,要改变样式为黑白配色 之前的css要改变所有的样式设定,现在

一.sass的基本介绍sass的基本介绍 是一种 css 的预编译语言 --- 就是另外一种css的语法形式 可以编译执行 css 语言内容 与 普通css 的区别: 可以定义变量,定义if判断,for循环,定义类似函数的语法... 感觉上就好像是js一样,可以做很多的逻辑编程效果 sass曾经想统一世界,除了标签用html写,其他的都要用sass来定义 曾经有一段时间,你不用sass写页面,都不好意跟别人打招呼 之后,因为