在介绍 gulp 之前
当然需要知道 gulp 它是什么
简单来说
gulp 就是 基于node.js的一个前端自动化构建工具
例:可以使用gulp对sass进行预处理、程式码检测、图片优化压缩、只需要一个简单的指令就能全部完成
当然 也可以对 JS ES6 进行编译
也可以将 CSS 与 JS 打包压缩
接下来我们就要开始动手做啦
首先我们必须安装 node.js
安装完
在我们的 终端机(treminal) 输入
npm install gulp-cli -g
(-g 是在 global 环境下安装)
接着我们开一个资料夹
记住(要先 cd 移动到资料夹内)
当然 我们必须要先利用 package.json 来控管专案资料夹
所以必须输入 git init
安装完后
输入 npm install gulp@3.9.1 --save (这里不用加上 -g)
这里我们先以 3.9.1版来介绍
最后会介绍如何升级成 最新版的gulp
因为我们是要安装在 local 环境内
--save (会将套件资讯储存在package.json)
这样 gulp 环境就安装完啦
这里我们在做一个简单的範例
新增一个 gulpfile.js
这里会把 source 资料夹里所有的 html 档
输出到 public 资料夹内
当然你必须在终端机 输入 gulp copyHTML
那今天的介绍就到这里结束啦
若有任何问题 或 内容有误
都可以跟我说唷