zoukankan      html  css  js  c++  java
  • 第三方模块glup学习

    基于node平台开发的前端构建工具

    将机械化操作编写成任务,想要执行机械化操作执行一个命令行命令任务就能被自动执行了

    用机器代替手工,提高开发效率

    Gulp能做什么呢

    1、项目上线,HTML,CSS、JS文件压缩合并
    2、语法转换(es6, less..)
    3、公共文件抽离
    4、修改文件浏览器自动刷新

    Gulp使用

    1、使用npm install gulp 下载gulp库文件

    2、在项目根目录下简历gulpfile.js文件

    3、重构项目的文件夹结构src目录放置码代码文件dist目录放置构建后文件

    4、在gulpfile.js文件中编写任务

    5、在命令行工具中执行gulp任务

    Gulp中提供的方法

    1、gulp.src; 获取任务要处理的文件

    2、gulp.dest(); 输出文件

    3、gulp.task(); 建立gulp任务

    4、gulp.watch();监控文件的变化

    Gulp插件

    1、gulp-htmlmin: html文件压缩

    2、gulp-csso:压缩css

    3、gulp-babel:JavaScript 语法转换

    4、gulp-less:less语法转换

    5、gulp-uglify: 压缩混淆JavaScript

    6、gulp-file-include: 公共文件包含

    7、browersync: 浏览器实时同步

  • 相关阅读:
    ASP.NET登录记住用户名
    .NET枚举类型转为List类型
    display:inline-block 去除间隙
    sublime text 3 常用快捷键 、常用插件
    使用背景图代码
    Photo Shop 修改、维护
    前端协作流程
    Photo Shop切图
    Photo Shop 设置
    Flex 弹性布局
  • 原文地址:https://www.cnblogs.com/chen-cheng/p/14299088.html
Copyright © 2011-2022 走看看