webpack和gulp的比较

最新推荐文章于 2021-02-16 15:25:22 发布
最新推荐文章于 2021-02-16 15:25:22 发布
阅读量70 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iPwisdom/article/details/112244061
版权

打包主要解决的问题有：

1.文件依赖管理 2.资源加载管理 3.效率与优化管理

打包工具的结构应该是tool+plugins的结构，tool提供基础能力，即文件依赖管理和资源加载管理，在此基础上通过一系列的plugins来丰富打包工具的能力，plugins类似互联网+的概念，文件经plugins处理之后，具备饿web渲染中的某种优势

chunk表示一个文件，默认情况下webpack的输入是一个入口文件，输出也是一个文件，这个文件就是一个chunk，chunkId就是产出时给每个文件一个唯一标示id，chunkhash就是文件内容的md5值，name就是在entry中制定的key值

iPwisdom
关注
Gulp与WebPack有区别吗？如果有，有什么区别？
01-08
Gulp与webpack有区别吗？如果有，有什么区别？ 可以这么说，它们既有区别，也有相似… 先来具体看一下它们不同的概念： （1）Gulp：        Gulp是一个自动化构建工具，强调的是前端开发的流程，通过配置一系列的task，定义task处理的事物，然后定义执行顺序，来让Gulp执行task，从而构建前端项目的流程，说白了就是用来打包项目。        不管做什么功能，都有一个统一的接口进行管理，必须去注册一个任务，然后去执行，这也是它的特点之一，即“任务化”。 （2）WebPack：        WebPack是一个前端模块化方案，侧重模块打包，把开发中的所有资源（图片、js
webpack-gulp-wordpress-starter-theme：Webpack和Gulp的WordPress主题
01-31
WordPress Gulp和Webpack入门主题 引擎盖下 用于JavaScript的 （使用进行和使用） 具有CSS的预处理器 可编写更快的媒体查询 作为CSS框架（ ） 和用于管理，编译和优化主题资产 SVG Sprite：创建一个文件夹，其中...
webpack和git知识点总结
dbip58119的博客
01-10 475
一.webpack和gulp的比较（https://segmentfault.com/a/1190000013998339?utm_source=tag-newest/*&^%$ 问题查找，内容很好） 打包主要解决的问题有： 1.文件依赖管理 2.资源加载管理 3.效率与优化管理 打包工具的结构应该是tool+plugins的结构，tool提供基础能力，即文件依赖管理和资源...
Gulp和Webpack对比
weixin_30908707的博客
04-05 604
在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今越来越多的网站已经从网页模式进化到了 Webapp 模式。它们运行在现代的高级浏览器里，使用 HTML5、 CSS3、 ES6 等更新的技术来开发丰富的功能，网页已经不仅仅是完成浏览的基本需求，并且Webapp通常是一个单页面应用(S...
Gulp和webpack的区别
weixin_34232363的博客
02-28 815
背景：今天了解了大厂前端任职的一些要求：里面写了要熟悉webpack打包工具和Gulp构建工具，作为前端新人，看到这个就想这两种工具有什么区别？在这里解答一下自已，而且希望可以帮助到有疑问的人. Gulp构建工具 gulp是工具链，构建工具，可以配合各种插件做JS压缩，CSS压缩，less编译替代手动实现自动化工作.所以它的主要作用是1....
Gulp和webpack的区别，是一种工具吗？
小北哥哥和北妈
06-29 7万+
背景：最近收到很多童鞋的问题：gulp和webpack 什么关系，是一种东西吗？可以只用gulp，不用webpack吗 或者反过来？ 基于此问：我简单归结了一下区别和概念，让需要的同学阅读理解，从而不把时间浪费到这种模糊不清的选择问题上！ ----------------------------------------------------------------------------...
webpack-without-gulp:使用webpack替代gulp来构建h5
05-08
使用webpack替代之前gulp来构建h5的脚手架 主要实现了： 开发和线上环境不同导致资源引用问题，实现了本地开发默认'./'，线上会加一个用户配置的自定义路径前缀，替换html内的img:src，video:src与css内部的引用...
详解webpack+gulp实现自动构建部署
12-12
webpack 系列 六：前端项目模板-webpack+gulp实现自动构建部署 正文 本篇包含以下三点： 1.区分开发环境和生产环境 2.集成gulp 3.package.json 配置 前面主要介绍了webpack 的一些基础用法，该篇做一个整体介绍，...
webpack-scheme：使用webpack和gulp构建react redux es2015和sass前端解决方案
02-03
使用webpack和gulp来帮助编写redux es2015和sass的React webpack构建React，Redux，Sass，Es2015前端原型脚手架 webpack版本为2.xx 1.环境配置 安装node版本6.0以上 clone或者下载本工程到本地 执行命令安装依赖包：...
webpack-gulp-react-dev-env:使用webpack、gulp搭建react开发环境
05-19
#Webpack + Gulp 搭建 React 开发环境 ##webpack Webpack是一个模块加载器，它把所有的资源都当作是模块，js,css,图片等等。所以在 Webpack 中，js可以引入CSS，CSS可以嵌入图片。对应各种不同文件类型的资源，...
webpack与gulp的区别
2197
08-15 3432
gulp： 强调的是前端开发的流程，通过配置一系列的task，定义task处理的事务（例如：文件压缩合并，启动server），然后定义执行顺序，来让gulp执行task，从而构建其前端项目的流程。合并后仍然是你写的代码，只是局部变量名被替换，一些语法做了转换而已，整体内容并没有发生改变。 webpack：侧重模块打包，把开发中的所有资源（图片，js文件，css文件等）都开成模块，通过loader...
webpack和gulp的区别
热门推荐
unstorm的博客
08-07 28万+
webpack和gulp的区别是什么？ 这是一个前端面试经常会有的面试题，当然也是很多人的疑问，那下面就简单说一下吧！ Gulp: gulp 致力于 自动化和优化 你的工作流，它是一个自动化你开发工作中 痛苦又耗时任务 的工具包。 侧重于整体过程的控制管理。通过定义许多task来执行构建任务，使用起来更像是任务流。 因此他的任务定义和管理是webpack所没有的。 特点： 任务定义和管理...
gulp与webpack对比
Pan Fengshan的博客
10-25 1702
gulp与webpack对比
gulp和webpack的区别
flitrue的博客
03-07 1851
基本区别： gulp可以进行js，htm，css，img的压缩打包，是自动化构建工具，可以将多个js文件或是css压缩成一个文件，并且可以压缩为一行，以此来减少文件体积，加快请求速度和减少请求次数；并且gulp有task自定义处理事务，从而构建整个流程，它是基于流的自动化构建工具。 webpack是前端构建工具，实现了模块化开发和文件处理。它的思想就是“万物皆为模块”，它能够将各个模块进行按需加载...
webpack和gulp
小白的学习路
02-16 896
最近学到了node.js，知道了有名的gulp和webpack，但是不知道两者到底怎么去比较，直到我看到了这篇博客 转载地址：https://www.cnblogs.com/iovec/p/7921177.html 理想的前端开发流程 在说构建工具之前得先说说咱期望的前端开发流程是怎样的？ 写业务逻辑代码（例如 es6，scss，pug 等） 处理成浏览器认识的（js，css，html） 浏览器自动刷新看到效果 前端开发就是在不断的 123..123..123.... 循环中进行的，上面的后两步
js构建工具和预编译
weixin_34138056的博客
09-26 199
Gulp应该和Grunt比较，他们的区别我就不说了，说说用处吧。Gulp / Grunt 是一种工具，能够优化前端工作流程。比如自动刷新页面、combo、压缩css、js、编译less等等。简单来说，就是使用Gulp/Grunt，然后配置你需要的插件，就可以把以前需要手工做的事情让它帮你做了。说到 browserify / webpack ，那还要说到 seajs / requirejs 。这四个...
webpack 和gulp
最新发布
09-09
Webpack和Gulp都是前端构建工具，用于优化和管理前端项目。 Webpack是一个静态模块打包工具，它可以根据项目中的文件依赖关系，将多个模块打包成一个或多个静态文件。Webpack支持JavaScript、CSS、图片等多种资源的打包和优化，还有一些插件可以帮助处理代码分割、按需加载等功能。Webpack的配置相对复杂，但它提供了强大的功能和灵活的扩展性，适用于较大、复杂的项目。 Gulp是一个基于任务的自动化工具，它使用代码来定义一系列任务（如编译Sass、压缩图片、合并JS文件等），然后通过Gulp命令执行这些任务。Gulp使用插件来完成各种任务，开发者可以选择适合自己需求的插件进行配置。Gulp的配置相对简单易懂，适用于小型、简单的项目。 虽然Webpack和Gulp都可以用来优化前端项目，但它们在思想和使用方式上有一些差异。Webpack更注重模块化和静态资源的打包和优化，而Gulp更关注任务的执行和工作流程的自动化。在实际开发中，可以根据项目的需求选择合适的构建工具。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值