码迷,mamicode.com
首页 > Web开发 > 详细

与Grunt、Gulp和Parcel相比,Webpack的强大之处

时间:2020-07-30 14:52:55      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:替代   esc   也会   优势   模块化   ack   对比   info   前端   

技术图片

 

 

首先,Grunt和Gulp只能将一些CSS和JS文件分别压缩合并成单个文件,当然也具有一些编译功能,

比如Less和Sass的编译、ES6到ES5的编译等等。但是Webpack不仅具有它们所具备的这些编译压缩合并功能,

同时还具备模块化开发和组件式开发等优点,在目前流行的前端框架React和Vue中也得到很好的支持。

然后再说说Parcel,它一度被人认为是未来最有可能替代Webpack的前端打包工具,主要原因是它几乎零配置,

而且打包入口也不仅仅只是JS,另外其打包速度也要比Webpack快。然而,虽然Parcel相比Webpack似乎具有更多优势,但

它毕竟还不够成熟,没有Webpack庞大的社区,一旦遇到问题很难在网上快速找到相应解决办法。

并且最近Webpack 4.0已经发布,配置相比之前简化了一些,也增加了一些新功能,所以我们完全有理由相信Webpack在未来也会越来越好。

因此,在经过一番体验和对比之后,最终我选择了Webpack。

最后总结一下Webpack的主要优势:

① 模块化开发(import,require)
② 预处理(Less,Sass,ES6,TypeScript……)
③ 主流框架脚手架支持(Vue,React,Angular)
④ 庞大的社区(资源丰富,降低学习成本)




与Grunt、Gulp和Parcel相比,Webpack的强大之处

标签:替代   esc   也会   优势   模块化   ack   对比   info   前端   

原文地址:https://www.cnblogs.com/bailing80/p/13402996.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!