gulp构建工具与less常用语法

安装:npm install gulp -g

进入到本地项目目录也需要安装--save-dev

常见目录结构:


配置:

在文件根目录下新建gulpfile.js。

引入gulp和常用组件;


定义gulp任务:

①定义gulp任务名称

②写入资源入口.src()

③执行gulp方法;.pipe(less());

④输出文件.pipe(gulp.dest())


执行gulp 任务;

gulp 任务名称


监听任务:

在命令行中执行命令gulp 任务名称(始终开着,需要结束时结束)


less常用语法:

变量:

对于网站统一的颜色,字号,行高等样式可设置一个变量。

变量用@开头。


混合:

将一些样式封装到一个class中,在需要这些样式的地方,调用。


带参数的混合:

样式值通过函数参数传入(less中的变量需要@标记)


嵌套:(最为常用)

串联选择器,通过&连接


javascript表达式:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容