Gulp 基础介绍 DAY79

今天我们要先来介绍
Gulp 基本的四个 API 提供使用

pipe 串接概念

括号里面
通常会使用 gulp 套件
那我们接下来就介绍第一个套件啦~~

gulp jade
https://www.npmjs.com/package/gulp-jade

首先我们在终端机 输入

npm install gulp-jade --save

会发现 package.json 会多了一行

"gulp-jade" : 版本号

代表正确安装

接着我们在 gulpfile 输入

var jade = require('gulp-jade');

可参考上述 gulp jade 的套件连结介绍

接着我们要把 source资料夹内的 index.jade

输出到 public

这样就完成啦

你可以在 终端机输入 gulp jade

就会发现

public 资料夹内有 index.html

不过 会发现 这里的 index.html

会是以一行呈现 (压缩版本)

若我们不要压缩

可以加入一个参数

preety: true

那今天的介绍就到这里啦

若有任何问题 或内容有误

都可以跟我说唷