gulpwebpack学习笔记

Posted 2020-09-09

　　前言：这两天天学了gulp和webpack的基本使用方法，其实对于这些工具，了解基本的用法、熟悉一些常用配置和方法就足够日常使用了。更复杂的等到需要时才再查相关文档就可以了。

　　gulp和webpack虽然有相似的功能，比如压缩、合并文件，但应该算是两种类型的工具。

　　gulp作为自动化构建工具主要的功能就是自动压缩、css转换、合并资源文件，减少http请求，这些功能对于一般的前端项目而言已经足够使用了。而且使用起来也更加方便，

在gulpfile.js引入组件并创建任务便可以很方便的使用。

　　而webpack是一个大而全的前端项目构建工具，基本前端项目构建过程中的问题都有所涉略，无论是模块化开发，按需加载，还是转换、编译合并资源文件。甚至可以将第三方类

库作为模块实用。学习的过程也加深了对模块化开发的认识。各种插件对于提高开发效率，整合文件也很实用。但是配置比较繁琐。

　　总之，如果只是一般的资源优化，使用gulp就足够了；而webpack是构建模块化开发项目的工具。二者没有太多冲突，甚至可以一起使用。

　　学习webpack为了接下来学vue，或许只有在学习vue的过程才能更好的体验webpack的作用。