zoukankan      html  css  js  c++  java
  • gulp填坑记(一)

    gulp是基于Node.js的自动任务运行器。可以自动完成htmlimagecssjs等文件的检测、检查、合并、压缩、格式化等,并监听文件在改动后重复指定的这些步骤。

    一.首先,我全局安装了gulp

    npm install -g gulp
    

      此时,可以将gulp理解为 node的一个模块

    二.使用

      基于具体的某个项目。

      ※ 项目安装gulp,本地方式来安装

      ※ 安装相应的gulp插件

      ※ 配置gulpfile.js  需要编写一些js代码,编写任务

      ※ 运行任务

        注意全局安装和本地安装的各自作用

        全局安装,是为了在任何地方,可以使用gulp 命令来执行任务。

        本地安装,是因为在编写任务的时候,需要用到gulp模块中的一些功能(方法/函数) 

      简单实例:

        第一步,新建一个目录 gulp-demo,作为项目目录

        第二步,本地安装gulp

             gulp-demo中本地打开cmd命令:

    npm install gulp
    

            这里问题来了

            

          提示“open....package.json”,但是发现安装完后不存在package.json,此时,就必须新建一个package.json

          执行命令

    npm init
    

      

      完成!

      说明:

      第三步,编写gulpfile.js文件

    //引入gulp模块
    const gulp=require('gulp');
    //编写第一个任务
    gulp.task('task1',function(){
    	setInterval(function(){
    		console.log('hello,gulp!');
    	},200);
    })
    

      运行

      

       项目目录结构:

      

       

    参考文章:http://www.ydcss.com/archives/18#lesson6

  • 相关阅读:
    10055
    国外程序员推荐:每个程序员都应该读的非编程书
    Volume 0. Getting Started
    如何成为一名 Google 软件工程师?【Google招聘信息】作者: 丁鑫哲
    毕设-家校通
    如何快速创建数据库连接字符串
    LeetCode day13
    LeetCode day12
    LeetCode day11
    LeetCode day10 Called it
  • 原文地址:https://www.cnblogs.com/yanxinhua/p/6813190.html
Copyright © 2011-2022 走看看