gulp学习(一)-介绍安装

Gulp 是基于node实现的,一种自动化构建工具

为什么需要前端构建

下面这两篇文章讲解的非常好,谢谢下面这两位作者

为什么需要前端构建

大公司怎么部署前端代码

前端工程和性能优化

总结来看是以下几点:

• 解决JavaScript,Css浏览器缓存问题

• JavaScript和Css的依赖问题

• 文件的合并压缩

• 代码分析测试等等

其实就是把以前手动,或者用各种工具做的事情工程化,自动化了。目的当然是为了提供开发效率

gulp的安装使用

更多内容请查看gulp入门指南

由于gulp是基于node开发的,所以gulp就是node的一个模块。也是通过npm去管理的。所以在安装gulp之前,首先要安装好node和npm.

这里我已经默认安装好了node和npm。

安装:

    npm install -g gulp
    //也可以用cnpm
    //cnpm install -g gulp

验证:

    gulp -v
    CLI version 3.9.1

初体验:

• 在项目的根路径创建gulpfile.js文件

• 引入gulp模块,创建task

• 然后运行 gulp

源码:

    'use strict';

    let gulp = require('gulp');

    gulp.task('default',function(){
       console.log('hello,world');
    });

输出:

    hello,world