gulp和webpack的区别


gulp和webpack的区别

文章插图
1、gulp是工具链、构建工具 。可以配合各种插件做jps.压缩 , css.压缩 , less编译等 , 可以替代手工实现自动化工作 。
2、而webpack是文件打包工具 , 可以把项目的各种jps.文、css.文件等打包合并成一个或多个文件 , 主要用于模块化方案 , 预编译模块的方案 。
【gulp和webpack的区别】3、在定义和使用类比中两者都有各的用途 , 同时webpack为初级编译程序 , gulp为高级编译程序 , 在功能上要比webpack应用程序中多 。
4、webpack可以很方便使用node_module、es6或者样式注入等功能 , 作为最初级的功能定位性价比最高 , webpack输入输出都以js为主 , 对html兼顾较少 , 可用组件不多很难达到可用的程度 。
5、gulp在编程方面较为复杂 , 但是可用的组件也会更多 , 手动编译的情况下耗时较长 , 同时此软件不适合初级入门者使用 。
资料拓展:gulp和webpack可以组合起来使用 , 达到快速编译的目的 , 依靠gulp丰富的组件可以很好地让js和html联动配置 , 进而控制webpack应用程序 , 实现高自动化 。

    推荐阅读