javascript自动化构建工具grunt、gulp、webpack介绍

使用缘由

前端工程师需要维护的代码变得极为庞大和复杂,代码维护、打包、发布等流程也变得极为繁琐,同时浪费的时间和精力也越来越多,当然人为的错误也随着流程的增加而增加了更多的出错率

简介:grunt是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于:压缩文件,合并文件,简单语法检查

为什么要使用Grunt?

Grunt生态系统非常庞大,并且一直在增长。由于拥有数量庞大的插件可供选择,因此,你可以利用Grunt自动完成任何事,并且花费最少的代价。如果找不到你所需要的插件,还可以自己动手创造一个Grunt插件,然后将其发布到npm上。

简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成

为什么要使用gulp.js?

1) 通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理

2) 利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作

3) Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作

4) 通过最少的 API,掌握 Gulp 毫不费力,构建工作尽在掌握:如同一系列流管道

入门文档:http://www.gulpjs.com.cn/docs/

Webpack (中文指南http://webpackdoc.com/)

简介:Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等

为什么要使用Webpack?

1)模块化,让我们可以把复杂的程序细化为小的文件

2)Webpack有很多内置插件,同时也有很多第三方插件,可以让我们完成更加丰富的功能

入门文档:https://doc.webpack-china.org/concepts/

三者工作方式简介:

Grunt和Gulp的工作方式是:在一个配置文件中,指明对某些文件进行类似编译,组合,压缩等任务的具体步骤,这个工具之后可以自动替你完成这些任务。

Webpack的工作方式是:把你的项目当做一个整体,通过一个给定的主文件(如:index.js),Webpack将从这个文件开始找到你的项目的所有依赖文件,使用loaders处理它们,最后打包为一个浏览器可识别的JavaScript文件

留心:上面工具都依赖nodejs的命令,所以首先需要安装nodeJS环境

本文来自企鹅号 - 星前线媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Jerry的SAP技术分享

如何获得C4C里某个code字段对应的描述信息

通过我这篇文章介绍的方法使用C4C OData服务去取服务订单数据(Sales Order):

9720
来自专栏Java进阶干货

用Redis轻松实现秒杀系统

用上这三招,不论秒杀时负载多大,都能轻松应对。更好的是,Redis能够满足上述三点。因此,用Redis就能轻松实现秒杀系统。

59010
来自专栏IT技术精选文摘

系统负载能力浅析

一. 衡量指标 用什么来衡量一个系统的负载能力呢?有一个概念叫做每秒请求数(Requests per second),指的是每秒能够成功处理请求的数目。比如说...

23250
来自专栏CSDN技术头条

OpenStack实战系列:漫谈Neutron 的架构

一.前言 由于OpenStack Neutron项目本身的高度复杂性和抽象性,加之作为一名初学者,其理解能力有限。因此这里,阐述的仅是凤毛麟角而已,其目的是帮助...

42750
来自专栏Android群英传

红烧嗨鸟

11330
来自专栏架构师之路

58到家MQ如何快速实现流量削峰填谷

问:为什么会有本文? 答:上一篇文章《到底什么时候该使用MQ?》引起了广泛的讨论,有朋友回复说,MQ的还有一个典型应用场景是缓冲流量,削峰填谷,本文将简单介绍下...

52950
来自专栏about云

图片服务架构演进及云存储的优势

问题导读 1.构建独立的图片服务器有什么优势? 2.使用云存储服务有哪些优势? 3.图片如何防盗链? 现在几乎任何一个网站、Web App以及移动...

1.4K50
来自专栏小文博客

SSTap-享受游戏! ——SSTap下载地址及使用教程(内附免费版配置)

20.7K20
来自专栏大数据架构师专家

应用负载均衡之LVS(一):基本概念和三种模式

本文目录: 1. LVS简介 2. LVS-ipvs三种模式的工作原理  2.1 VS/NAT模式  2.2 VS/TUN模式  2.3 VS/DR模式  2....

14840
来自专栏栗霖积跬步之旅

1.1进程和多线程的概念及线程的优点

进程的概念: 进程是操作系统结构的基础,是一次程序的执行,是程序及其数据在处理机上的顺序执行过程,是程序在数据集合上运行的过程,它是系统进行资源分配和调度的独立...

21460

扫码关注云+社区

领取腾讯云代金券