GULP的使用流程 Gulp 是基于node.js的一个前端自动化构建工具,开发这可以使用它构建自动化工作流程(前端集成开发环境)。 使用gulp你可以简化工作量,让你把重点放在功能的开发上,从而提高你的开发效率和工作质量。 一、建好一个文件夹 $ cd 路径 二、文件夹初始化 $ cnpm ini ...
分类:
其他好文 时间:
2020-07-21 13:41:38
阅读次数:
86
1、gulp是基于node.js流的一个前端自动化构建工具,可以使用它构建自动化工作流程,简化我们的工作亮,让我们把重点放在功能的开发上,提供开发效率和工作质量; 安装 1、npm install gulp g 2、gulp version CLI version: 2.2.0 Local vers ...
分类:
其他好文 时间:
2019-12-21 23:06:28
阅读次数:
156
在前端工程化系列[02]-Grunt构建工具的基本使用这篇文章中,已经对Grunt做了简单的介绍,此外,我们还知道了该如何来安装Grunt环境,以及使用一些常见的插件了,这篇文章主要介绍Grunt的核心组件和运转机制。 Grunt是一套前端自动化构建工具,可以帮助我们简化开发中需要反复处理的任务,甚 ...
分类:
其他好文 时间:
2018-11-10 14:58:35
阅读次数:
245
.gitignore 设置忽略文件1.glup是一个前端自动化构建工具2.gulp的优点:1.易于使用 2.构建快速 3.插件高质4.易于学习grunt webpackgulp是基于nodejs体系的gulp的配置文件名:gulpfile.jsnodejs commonjs module.expor ...
分类:
其他好文 时间:
2018-11-03 10:26:23
阅读次数:
167
1.精通Vue,js,React,Node,js等主流开发框架; 2.精通微信小程序,微信号公众号开发; 3.掌握至少一种前端自动化构建工具,如grunt,gulp,browserity,webpack等; 4.熟悉前端性能优化方法,如发包压缩,资源懒加载,CDN加速等,熟悉SEO优化更佳; 5.对 ...
分类:
Web程序 时间:
2018-10-16 13:35:30
阅读次数:
172
什么是gulp? 什么是gulp? 官网中这样写道:gulp是自动化构建工具。虽然经常有在用gulp,看了之后还是懵懵的。看了一下别人的理解,这样说道: Gulp 是基于node.js的一个前端自动化构建工具,开发这可以使用它构建自动化工作流程(前端集成开发环境)。 使用gulp你可以简化工作量,让 ...
分类:
其他好文 时间:
2018-10-05 15:10:36
阅读次数:
1094
一、Gulp 是基于node.js 流(stream)的一个前端自动化构建工具,可以使用它构建自动化工作流程,简化我们工作量,让我们把重点放在功能的开发上,从而提高我们的开发效率和工作质量。 我们可以用gulp自动刷新网页,对sass进行预处理、代码检测、图片优化压缩、这一切,只需要一个简单的指令就 ...
分类:
其他好文 时间:
2018-09-13 23:13:20
阅读次数:
248
全局安装是把包安装在Node安装目录下的node_modules文件夹中,一般在 \Users\用户名\AppData\Roaming\ 目录下,可以使用npm root -g查看全局安装目录 本地(局部)安装是把包安装在指定项目(要在指定的根目录下输入命令)的node_modules文件夹下(若没 ...
分类:
其他好文 时间:
2018-07-13 21:29:39
阅读次数:
207
前端自动化构建工具gulp(二) 创建一个真实的例子: 创建一个项目,结构如图 gulp的使用方法通常是这样的 我们将使用gulp-sass插件来编译sass: 1.安装插件 2.在gulpfile.js中引入插件并使用 3.编写sass文件 4.执行命令 gulp sass 我们将看到在app/c ...
分类:
其他好文 时间:
2018-01-30 22:49:48
阅读次数:
134
昨天听同事分享了Gulp的一些简单使用,决定自己也试一试。 一、安装 gulp是基于nodejs的,所以要先下载安装node(直接搜node,在官网下载就好了) 1、全局安装gulp 2、新建package.json文件 上图框中的内容分别是:项目名、版本、描述、入口文件、测试命令、git地址、关键 ...
分类:
其他好文 时间:
2018-01-26 20:36:47
阅读次数:
185