webpack gulp(webpack gulp grunt)

以华为、联想等品牌Windows S10系统的电脑为例。1.gulp是工具链和构建工具。可以配合各种插件做jps。压缩，css。压缩，少编译等。，可以替代人工自动化。

2.webpack文件打包工具，可以打包合并各种jp。文件和css。项目的文件转换成一个或多个文件，主要用于模块化方案和预编译模块方案。

3.在定义和使用的类比上，两者都有不同的目的。webpack是初级编译器，gulp是高级编译器，功能比webpack应用更多。

4.webpack可以轻松使用node_module、es6或style injection等函数。作为最初级的功能，性价比最高。webpack输入输出以js为主，对html关注较少，可用组件少，很难达到可用的程度。

5.gulp在编程上比较复杂，但是会有更多的组件可用，手工编译的时间也比较长。这个软件也不适合新手。

数据扩展:gulp和webpack可以配合使用，达到快速编译的目的。依托gulp丰富的组件，可以联动配置js和html，进而控制webpack应用，实现高度自动化。