1gulp 的安装
http://nodejs.cn/download/
1.1 进入 node 安装了 nodejs 环境
npm install -g cnpm --registry=[/color"target="_blank">https://registry.npm.taobao.org[/color]
安装了 npm 后再安装一个 cnpm(什么是 cnpm? 在国内, 都会有这样一个问题, 我们想访问国外的一个网站大多都很慢, 那么 npm 和 node.js 都是老外搞出来的, 那么势必也面临这样一个问题, 就是我们通过 npm 下载东西的时候会很慢, 而 cnpm 就是这样的一个解决工具 cnpm 是阿里巴巴出的, 它会自动和 npm 官方同步, 但是我们在国内却下载的很快, 从而解决必须要你懂我也懂这样的一种局面).
1.2 然后以全局方式安装 gulp:
cnpm install -g gulp
1.3 全局安装 gulp 后, 还需要在每个要使用 gulp 的项目中都单独安装一次把目录切换到你的项目文件夹中, 然后在命令行中执行:
- cnpm install gulp(先命令行定位到项目文件夹如: d:/test)
- [color=#d8d8d8]1.4 如果想在安装的时候把 gulp 写进项目 package.json 文件的依赖中, 则可以加上 --save-dev:cnpm install --save-dev gulp
如果没有设置 package.json 文件可以省略这一步, 直接跳转到 3.1
这样就完成了 gulp 的安装至于为什么在全局安装 gulp 后, 还需要在项目中本地安装一次, 有兴趣的可以看下 stackoverflow 上有人做出的回答: why-do-we-need-to-install-gulp-globally-and-locallywhat-is-the-point-of-double-install-in-gulp 大体就是为了版本的灵活性, 但如果没理解那也不必太去纠结这个问题, 只需要知道通常我们是要这样做就行了
2 创建项目目录
参考链接 http://gjincai.github.io/2016/03/15/gulp-实例-demo/
3 开始使用 gulp
3.1 如果跳过 1.4 步, 在项目文件夹中运行以下 (根据需求不同的模块加载不同的插件)
cnpm install gulp-minify-CSS gulp-concat gulp-uglify gulp-imagemin gulp-clean gulp-rename gulp-htmlmin --save-dev
3.2 在项目文件夹下执行命令 gulp
4 gulp 的 API 介绍
gulpfile.js 文件中的执行任务功能参考 http://www.cnblogs.com/gang1015/p/5869206.html
来源: http://www.qdfuns.com/article/18084/352fae0ae2cb0a49bb8b4b784aae6799.html