zoukankan      html  css  js  c++  java
  • gulp基本用法

    很多小伙伴一开始不知道怎么搭建gulp环境,这里我就简单的举个列子好了。

    一:

    gulp是基于Nodejs的自动任务运行器,因此必须安装node的,地址node官网 也要安装npm,npm(node package manager)nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等);

    看下面:

    安装好了后 输入node -v ,npm -v 就可以看到版本情况。同样安装全局gulp。

    二:安装项目依赖gulp

    如图

    简单的测试下,安装后的效果

    三:创建js压缩任务

    按照工程项目习惯建立项目结构,编写一个js文件 我们对其进行压缩:

    由于一开始我们没有安装压缩js的模块 因此会报错。安装后再来实验:输入:cnpm install gulp-uglify

    命令行输入:gulp script(自己任务的名字)

    ok,成功压缩js文件;下面我们配置less转为css的文件。

    四:less

    为了防止一开始又报没有安装相应模板的错误,这次我们先安装了来《命令》:npm install gulp-less --save-dev

    写好less的配置文件,即可。到这里你是否发现了每次我们要做的任务都要自己创建命令,这样是不是很繁琐?如果任务多了岂不是很累?别怕往下看

    五:自动监视

    可以一次性开启很多任务并自动监视,如果源文件改动了会自动编译压缩文件的。

    其实还有很多的gulp命令和用法。这里只是讲解了基本的用法而已。

  • 相关阅读:
    centos7时间不同步,ntpd时间同步服务
    centos7.6离线安装docker
    安装虚拟机总是获取不到IP地址的解决办法
    安装英伟显卡,出现报错总结
    在ubuntu 安装make
    if,while,for脚本小练习
    python输入密码-隐藏
    Python修改headers参数的两种方法
    Python爬虫 —POST请求有道翻译{"errorcode":50}
    列表转换为字典
  • 原文地址:https://www.cnblogs.com/chenliyang/p/6543636.html
Copyright © 2011-2022 走看看