美文网首页
grunt webpack构建工具区别

grunt webpack构建工具区别

作者: TRYao | 来源:发表于2018-02-14 11:12 被阅读0次

在开发过程中使用过grunt、gulp、webpack、parcel等构建工具,今天有时间整理一下他们的区别。

为何要使用构建工具

grunt官网给的答案是

一句话:自动化。
对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你在 Gruntfile 文件正确配置好了任务,任务运行器就会自动帮你或你的小组完成大部分无聊的工作。

来看看webpack官网给的解释

本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。

(未完)

相关文章

  • 构建工具/grunt/gulp/parcel/webpack

    构建工具/grunt/gulp/parcel/webpack 1. Grunt 1.1 Grunt介绍 中文主页 ...

  • vue+node环境搭建

    · webpack:代码模块化构建打包工具· gulp: 基于流的自动化构建工具· grunt: Javascri...

  • grunt webpack构建工具区别

    在开发过程中使用过grunt、gulp、webpack、parcel等构建工具,今天有时间整理一下他们的区别。 为...

  • webpack介绍

    前端构建工具发展:Grunt,Gulp 和 Webpack Grunt:从0到1,没有解决模块依赖,面向文件操作效...

  • webpack入门篇

    s自动化构建工具 gulp webpack grunt现在webpack火了 火了就得学 今天唠唠吧!感觉帮到...

  • gulp笔记 - 安装及快速上手

    前言 我了解到的前端自动化构建工具主要是grunt,gulp和webpack。其中grunt从效率来看,目前业内普...

  • 前端面试题总结

    一.简述前端构建工具。fis3,Gulp,Grunt,Webpack www.tuicool.com/articl...

  • webpack 中的哪些常见概念

    webpack 打包工具与 gulp、grunt的区别: 虽然这三个都是打包工具,但是webpack是一个模块,它...

  • gulp_安装和使用

    gulp前端构建工具,其功能和grunt一样但运行起来比grunt快。gulp和grunt的区别是,gul...

  • 1,node.js

    自动化构建工具 gulp webpack grunt gulp--构建项目,压缩合并处理,依赖于 gulpf...

网友评论

      本文标题:grunt webpack构建工具区别

      本文链接:https://www.haomeiwen.com/subject/vjjltftx.html