gulp的简单使用(MAC OX 系统)
Posted SongChunMin_
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gulp的简单使用(MAC OX 系统)相关的知识,希望对你有一定的参考价值。
1、gulp的安装
首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp:
sudo npm install -global gulp-cli
全局安装gulp后,还需要在每个要使用gulp的项目中都单独安装一次。把目录切换到你的项目文件夹中,然后在命令行中执行:
npm install gulp
如果想在安装的时候把gulp写进项目package.json文件的依赖中,则可以加上--save-dev:(可以不执行)
npm install --save-dev gulp
这样就完成了gulp的安装。至于为什么在全局安装gulp后,还需要在项目中本地安装一次,有兴趣的可以看下stackoverflow上有人做出的回答:why-do-we-need-to-install-gulp-globally-and-locally、what-is-the-point-of-double-install-in-gulp。大体就是为了版本的灵活性,但如果没理解那也不必太去纠结这个问题,只需要知道通常我们是要这样做就行了。
2、开始使用gulp
2.1 建立gulpfile.js文件
就像gruntjs需要一个Gruntfile.js
文件一样,gulp也需要一个文件作为它的主文件,在gulp中这个文件叫做gulpfile.js
。新建一个文件名为gulpfile.js
的文件,然后放到你的项目目录中。之后要做的事情就是在gulpfile.js
文件中定义我们的任务了。下面是一个最简单的gulpfile.js
文件内容示例,它定义了一个默认的任务。
var gulp = require('gulp');
gulp.task('default',function(){
console.log('hello world');
});
以上是关于gulp的简单使用(MAC OX 系统)的主要内容,如果未能解决你的问题,请参考以下文章