前端程序员常用的9大构建工具
构建工具是一个把源代码生成可执行应用程序的过程自动化的程序(例如Android app生成apk)。构建包括编译、连接跟把代码打包成可用的或可执行的形式。
在小型项目中,开发者往往手动调用构建过程,这样在大型的项目中很不实用,在构建过程中难以跟踪什么需要被构建、按照什么顺序构建以及项目中存在哪些依赖。使用自动化工具会使构建过程更为连续。
1:webpack
https://webpack.js.org/
webpack是一个打包模块化JS的工具,在webpack里一切文件都是模块,通过loader转换文件,通过plugin注入钩子,最后输出由多个模块组合成的文件。webpack专注于构建模块化项目。
2:gulp
https://www.gulpjs.com.cn/
gulp是一个基于流的自动化构建工具。除了可以管理和执行任务,还支持监听文件、读写文件。gulp被设计的非常简单,只通过下面5种方法就可以支持几乎所有构建场景:
3:browserify
http://browserify.org/
Browserify 可以让你使用类似于 node 的 require() 的方式来组织浏览器端的 Javascript 代码,通过预编译让前端 Javascript 可以直接使用 Node NPM 安装的一些库。
4:yeoman
https://yeoman.io/
Yeoman是一个强健的工具,库,及工作流程的组合,帮你网页开发者快速创建出漂亮而且引人入胜的网页程序。
5:grunt
www.gruntjs.net
Grunt和Npm Script类似,也是一个任务执行者。Grunt有大量现成的插件封装了常见的任务,也能管理任务之间的依赖关系。
6:babel
https://babeljs.io
Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。
7:FIS3
https://fex-team.github.io/fis3/
Fis3是来自百度的国产构建工具,相对于grunt,gulp这些只提供了基本功能的工具,Fis3集成了web开发中常用的购将功能,
8:Rollup
https://www.rollupjs.com/
Rollup是一个和webpack很类似但专注于ES6的模块打包工具,它的亮点在于,能针对ES6源码进行Tree Shaking,以去除那些已被定义但没使用的代码并进行Scope Hoisting(作用域提升),以减小输出文件的大小和提升运行性能。rollup的方法和webpack差不多
9:Parcel
https://www.parceljs.cn/
极速零配置Web应用打包工具,Parcel 使用 worker 进程去启用多核编译。同时有文件系统缓存,即使在重启构建后也能快速再编译。
http://www.taodudu.cc/news/show-4849325.html
相关文章:
- 前端开发者常用的构建工具
- 去中心化的前端构建工具 — Vite
- 前端程序员常用构建工具
- Modflow抽水井案例模拟1
- python在水文领域中的应用_python在水利工程或者水文方向上有什么案例可以学习一下么?或者还要学什么库。?...
- this application requires.net framework4.0,please install the.net framework then run this installer
- MT3DMS软件的发展及其应用
- 地质钻孔数据的三维可视化【Matlab】
- 地下水模拟模型
- 地下水数值模拟软件哪个更好用?GMS、Visual modflow、FEFLOW等
- Visual MODFLOW 软件简介
- Visual MODFLOW4.1中文版学习资料
- Visual Modflow
- python写入文本文件的数据类型必须是_用Python读写固定格式(MODFLOW)文本文件...
- 如何利用利用Processing Modflow软件建立地下水-地面沉降数值模型
- 该如何才能在cad快速看图软件上应用
- 2018.9.12
- A4950直流电机正反转驱动芯片
- 【Arduino】控制A4950的循迹小车设计
- 四轮两驱小车(一):STM32驱动AS4950
- esp32外设使用-MCPWM故障处理模块使用
- HDOJ 4950 Monster
- UVALive 4950 Selling Land
- HDU 4950
- 【单片机项目】制作一辆基于STM32的智能小车——概述
- 初级信息处理技术员access教程_软考初级信息处理技术员2018下半年上午试题与答案及解析...
- HDU 4950 Monster
- php程序设计2 a卷,php程序设计试卷A.doc
- 循迹智能小车 循黑线 智能小车 红外循迹传感器 单片机
- STM32自平衡小车
前端程序员常用的9大构建工具相关推荐
- java excel 插件开发工具_程序员常用的15 种开发者工具推荐
程序员常用的15 种开发者工具推荐:Java 线上诊断工具 Arthas.IDE 插件 Cloud Toolkit.混沌实验注入工具 ChaosBlade.Java 代码规约扫描插件.应用实时监控工具 ...
- 阿里程序员常用的 15 个高效工具,大部分已开源!
阿里程序员常用的 15 个高效工具,大部分已开源! 阿里将自身在各类业务场景下的技术积淀,通过开源.云上实现或工具等形式对外开放,本文将精选了一些阿里巴巴的开发者工具,希望能帮助开发者们提高开发效率. ...
- 前端程序员常用Html还是JSP格式
Html和JSP的简介 HTML(Hypertext Markup Language)文本标记语言,它是静态页面,和JavaScript一样解释性语言,为什么说是解释性语言呢?因为,只要你有一个浏 ...
- 程序员常用的6款效率工具,准时下班不是梦
程序员的日常工作中,好用的工具往往能让我们事半功倍,今天给大家推荐几个提升程序员软技能与效率的必备工具. Adblock Plus Adblock Plus是一款强力广告过滤器,为浏览器拓展程序,是谷 ...
- 前端程序员常用构建工具
1:webpack https://webpack.js.org/ webpack是一个打包模块化JS的工具,在webpack里一切文件都是模块,通过loader转换文件,通过plugin注入钩子,最 ...
- 不止 JavaScript 与 React,前端程序员必备的 9 大技能!
作者 | Marty Jacobs 译者 | 苏本如 责编 | 仲培艺 出品 | CSDN(ID:CSDNNews) 如今,前端开发需要的不仅仅是用户体验的设计技能,开发直观的界面还需要高水平的编程能 ...
- 盘点阿里程序员常用的 15 款开发者工具
一.Java 线上诊断工具 Arthas 二.IDE 插件 Cloud Toolkit 三.混沌实验注入工具 ChaosBlade 四.Java 代码规约扫描插件 五.应用实时监控工具 ARMS 六. ...
- Java程序员在用的大数据工具
问题:他们最近一年最喜欢用什么工具或者是框架? 受访者可以选择列表中的选项或者列出自己的,本文主要关心的是大数据工具.上一篇Java调查包括下列内容: 开发语言 Web框架 应用服务器 数据库工具 S ...
- Java程序员在用的大数据工具,MongoDB稳居第一
据日前的一则大数据工具使用情况调查,我们知道了Java程序猿最喜欢用的大数据工具. 问题:他们最近一年最喜欢用什么工具或者是框架? 受访者可以选择列表中的选项或者列出自己的,本文主要关心的是大数据工具 ...
最新文章
- 手把手教你使用zabbix监控nginx
- 《Oracle从入门到精通》读书笔记第八章 管理表空间和数据文件之二
- IIS的应用程序池优化方法
- Shiro 核心功能案例讲解 基于SpringBoot 有源码
- 为计算机系的学生建立视图,数据库及其应用2010年1月真题
- 7.Android的学习(活动的生命周期以及小例子)
- jquery1.9学习笔记 之选择器(基本元素四)
- 大厂产品是如何做行业调研和规划的?附汇报模版(PPT)
- python学习---简介
- 视频编码中为什么须要进行变换编码?
- 搭建开发环境之串口线的选择
- Friend List
- c语言,10行代码写一个简单鼠标连点器
- Friendster,linkedin,orkut,liring对SNS的求索
- nmds与mds的区别_通过ggplot2为NMDS的椭圆添加特定的形状和线型
- Android防止启动页面闪白问题
- 解决:java.sql.SQLException: The server time zone value xxxxx is unrecognized or represents more tha
- turtlebot3 在gazebo仿真下 通过 gmapping slam 建立二维平面地图——全过程
- ABD — android debug bridge 简略介绍
- 图灵教育4月重磅新书
热门文章
- Tomcat中文乱码配置
- 求两圆相交面积(模板)
- Excel明细生成多个word采购合同,Excel魔方完成
- 打造中国版 ChatGPT,清华大模型人才遭哄抢!盘点国内5大学术团队10大产业玩家...
- 多示例学习(Multi Instance Learning)和 弱监督学习(Weakly Supervised Learning)
- 软件构造——可维护性
- 缺货笼罩供应链:智能手机“涨”声一片
- 花10分钟看一下少走30年弯路
- 4. iconfont 字体图标无法正常渲染显示
- 海量活动邀请函模板,在线就能一键出链接