Gulp 系列教程

1,571 阅读3分钟
原文链接: www.w3cplus.com

Gulp系列教程:检查SCSS和JavaScript的语法

作者:Blueed 日期:2016-01-04 点击:272

这是Gulp系列教程的第九部分。今天我会使用Gulp.js来自动检测SCSS和JavaScript文件的语法错误和警告。我决定检测SCSS文件而不是CSS文件,因为检测生成的CSS没有意义。但是你也可以用gulp-csslint来检测。

Gulp系列教程:监听改变

作者:Blueed 日期:2015-12-30 点击:374

这是Gulp系列教程的第八部分。今天我会用Gulp.js给不同文件设置监听。你还记得一开始的watch任务吗?直到现在才启动BrowserSync和开发服务器,但它还没有监听任何文件。我现在来写这些监听任务。

Gulp系列教程:图片转换成Base64编码

作者:Blueed 日期:2015-12-27 点击:554

这是Gulp系列教程的第七部分。今天我会使用Gulp.js来把小图片的URL替换为Base64编码图片。

Gulp系列教程:图片和矢量字体

作者:Blueed 日期:2015-12-25 点击:217

这是Gulp系列教程的第六部分。上篇文章长而复杂。这次的文章比较简单:我会展示如何移动图片以及生成矢量字体。

Gulp系列教程:使用Browserify处理JavaScript

作者:Blueed 日期:2015-12-23 点击:457

这是Gulp系列教程的第五部分。今天我会展示如何使用Browserify来打包JavaScript并使用CommonJS模块在浏览器中运行node模块。

Gulp系列教程:使用Sass(和Compass)编写CSS

作者:Blueed 日期:2015-12-22 点击:418

这是Gulp系列教程的第四部分。今天我会展示如何使用Sass(和Compass如果你愿意)来创建CSS文件。另外我会使用Autoprefixer来添加浏览器前缀并创建Source Maps使得Sass文件调试更方便。

Gulp系列教程:Build,Clean和Jekyll

作者:Blueed 日期:2015-12-21 点击:338

这是Gulp系列教程的第三部分。今天我想谈一谈build任务,这个任务会执行一个构建过程所需的其它任务,例如清空资源文件以及创建个人Jekyll站点。

Gulp系列教程:使用BrowserSync浏览及相关配置

作者:Blueed 日期:2015-12-20 点击:617

这是Gulp.js介绍系列的第二篇教程。今天我想讨论一些首要的Gulp.js任务并用BrowserSync设置开发服务器。接下来我开始创建一个配置文件。

Gulp系列教程:简介和安装

作者:Blueed 日期:2015-12-18 点击:1451

我的网站从2014年初开始使用Jekyll。然而我对于自己的构建和开发流程不太满意。我开始各种尝试并选择Grunt.js作为构建系统,但是其中一些过程依然是由Ruby实现的。我经常使用Compass并用Jekyll Assets来管理版本。然而Grunt.js无法与Jekyll Asset Pipeline很好的配合。因此我选择了一个新方案:Gulp.js