前端工作流程自动化——Grunt/Gulp 自动化 Grunt/Gulp 都是node.js下的模块,简单来说是自动化任务运行器,两者都有社区及大量的插件支撑,在所有的自动化工具领域里,这两者是最好的前端自动化构建工具。 那么问题来了,Grunt和Gulp到底哪家强?在回答这个问题前,先给大家看一组 ...
分类:
其他好文 时间:
2017-01-22 17:46:28
阅读次数:
149
WebpackWebpack是时下最流行的模块打包器
它的主要任务就是将各种格式的JavaScript代码,甚至是静态文件
进行分析、压缩、合并、打包,最后生成浏览器支持的代码
特点:
代码...
分类:
Web程序 时间:
2017-01-22 15:25:46
阅读次数:
240
了解 首先我们了解一下什么是gulp, gulp是前端自动化构建工具,在开发过程中很多重复的任务,我们都可以正确的使用gulp来完成,gulp基于nodejs, ...
分类:
其他好文 时间:
2016-12-27 23:34:01
阅读次数:
327
之前博客中大致描述过“前端自动化构建工具Grunt”及“grunt[mismatched:define]”等信息。然而,并没有深入;下述内容,将深入剖析Grunt Files处理方式、配置项、自定义插...
分类:
其他好文 时间:
2016-12-19 11:45:03
阅读次数:
210
web 环境搭建 前端自动化构建工具(gulp): 1 先下载安装node.js 2 然后在node.js命令行安装:npm install gulp -g (全局下载安装gulp插件) 3 然后进入到项目文件夹(命令cd 文件夹名),在项目文件夹中安装依赖文件:npm install gulp - ...
分类:
Web程序 时间:
2016-10-24 23:38:43
阅读次数:
330
1.前端工程化 最近几年,前端(自动化)构建工具大受欢迎。对于初学者,首先应该了解为什么要用这些工具,或者说,使用这些工具的目的(作用)是什么,再或者,这些工具能让我们干一些什么事情? 笔者以为,既然是“工具”,必定是在一定程度上解放我们的双手的。 这些工具的产生背景是,当下的前端项目越来越复杂,需 ...
分类:
Web程序 时间:
2016-10-08 16:30:26
阅读次数:
248
gulp是基于流的前端自动化构建工具。 一、环境配置 gulp是基于nodejs的,所以没有 nodejs 环境的要先去安装好 然后给系统配上gulp环境 再到某一工程目录下 跟grunt一般,也是需要package.json包依赖文件和一个入口文件 gulpfile.js(其他名字识别不了) 然后 ...
分类:
其他好文 时间:
2016-09-29 21:20:31
阅读次数:
179
gulp是基于nodejs的自动化构建工具, 可自动化完成js css sass less html image的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成、监听文件。 1:基于nodejs先装nodejs(.msi) 2:命令行装npm,npm是nodejs的包管理工具,对nod ...
分类:
其他好文 时间:
2016-07-22 18:38:10
阅读次数:
222
目录 4.1 gulp安装 4.2 创建gulpfile.js 4.3 运行gulp gulp简介 gulp.js是一个前端自动化构建工具,前端开发者可以使用它在项目开发过程中自动执行常见任务。 gulp.js是基于流(stream)操作的,直接将上一步的输出通过管道(pipe)输入到下一步,可以快 ...
分类:
其他好文 时间:
2016-07-06 18:05:53
阅读次数:
176
gulp是基于流的前端自动化构建工具。 之前也谈到了 grunt的用法,grunt其实就是配置+配置的形式。 而gulp呢,是基于stream流的形式,也就是前一个函数(工厂)制造出结果,提供后者使用。 同样的,也是包括基本用法和各插件的使用。 一、环境配置 gulp是基于nodejs的,所以没有 ...
分类:
其他好文 时间:
2016-05-10 08:29:56
阅读次数:
229