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