zoukankan      html  css  js  c++  java
  • Gulp安装使用教程

    题记:为什么要使用gulp,网上有很多关于gulp的优势,而在我看来,这些都是工具的优势!工具的优势最主要体现在易用性上,听说gulp比grunt更易用,所以这里写个文档记录。
    同样要保证nodejs的安装。
    一、 执行gulp的安装命令,跟其他插件一样,也存在全局安装或者项目内安装的区别

    二、 Gulp跟grunt的功能是一致的。压缩js、css、html、图片,合并文件等功能
    这一步是安装所需要的对应的插件
    PS:
    gulp plugins,用来寻找相应的gulp组件
    gulp-uglify,用于压缩js,从命名可以看出(跟grunt压缩js命名差不多)
    gulp-minify-css、gulp-imagemin、gulp-htmlmin,压缩样式、图片、html
    gulp-ruby-sass,支持sass
    glulp-jshint,检查js是否有问题
    gulp-concat,合并文件
    gulp-rename,文件重命名
    gulp-clean,清空文件夹
    gulp-livereload,控制客户端同步刷新,这个命令没有用过,以后仔细使用一下

    三、 根目录下创建package.json(nodejs的项目一般都会这样,给你一个package.json文件,然后初始化该项目)执行命令npm init

    在package.json中就会生成对应的项目初始化信息

    四、 Dos下找到项目目录,执行在项目中的gulp安装

    五、 新建gulpfile.js文件,并且写入如下内容

    六、执行gulp

    这样,gulp就算是执行了,只不过我们执行的是个空的,下面我们会举例介绍如何压缩js、css、html图片以及检查js、合并文件
    七、向gulpfile.js中写入如下内容,同时要保证已经存在需要的文件,test.js等
    代码的写法跟nodejs的写法一致

    注意,图片压缩不成功,js检查也不成功,不确定是插件问题,还是书写问题
    所以这里最好只关注css压缩,文件合并、压缩 这三个功能。

  • 相关阅读:
    6-查看centos中的用户和用户组
    23-python用BeautifulSoup用抓取a标签内所有数据
    22-python爬虫解决gbk乱码问题
    21-py3 发邮件
    20-调用百度AI的文字识别
    6-Ubuntu与Windows不能相互复制
    2018.4.18 Ubuntu 的telnet命令详解
    2018.4.17 java多线程练习二模拟开场仪式进场
    2018.4.16 Java多线程实现龟兔赛跑
    2018.4.15 Mac系统下如何使用StartUml画好需求分析的类图 (同样适用于windows)
  • 原文地址:https://www.cnblogs.com/kevinfuture/p/5277150.html
Copyright © 2011-2022 走看看