Gulp 基础介绍 DAY78

在介绍 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)
http://img2.58codes.com/2024/20123039k8g3yObvLl.jpg

这样 gulp 环境就安装完啦

这里我们在做一个简单的範例

新增一个 gulpfile.js

http://img2.58codes.com/2024/20123039qsXIfxX7ou.jpg

这里会把 source 资料夹里所有的 html 档

输出到 public 资料夹内

当然你必须在终端机 输入 gulp copyHTML

那今天的介绍就到这里结束啦

若有任何问题 或 内容有误

都可以跟我说唷http://img2.58codes.com/2024/emoticon41.gif


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章