前言:这两天天学了gulp和webpack的基本使用方法,其实对于这些工具,了解基本的用法、熟悉一些常用配置和方法就足够日常使用了。更复杂的等到需要时才再查相关文档就可以了。
gulp和webpack虽然有相似的功能,比如压缩、合并文件,但应该算是两种类型的工具。
gulp作为自动化构建工具主要的功能就是自动压缩、css转换、合并资源文件,减少http请求,这些功能对于一般的前端项目而言已经足够使用了。而且使用起来也更加方便,
在gulpfile.js引入组件并创建任务便可以很方便的使用。
而webpack是一个大而全的前端项目构建工具,基本前端项目构建过程中的问题都有所涉略,无论是模块化开发,按需加载,还是转换、编译合并资源文件。甚至可以将第三方类
库作为模块实用。学习的过程也加深了对模块化开发的认识。各种插件对于提高开发效率,整合文件也很实用。但是配置比较繁琐。
总之,如果只是一般的资源优化,使用gulp就足够了;而webpack是构建模块化开发项目的工具。二者没有太多冲突,甚至可以一起使用。
学习webpack为了接下来学vue,或许只有在学习vue的过程才能更好的体验webpack的作用。
时间: 2024-10-12 15:59:46