Webpack认识
1.为什么需要Webpack
前端发展的需要.
我们简单了解一下前端的发展史
随着前端需要处理的内容越来越多,同时也为了解决JS全局标识符污染问题,模块化开发成为了主流,但是浏览器却不能识别模块化.
随着新时代语法的更新,让开发更有效率,维护更方便.但是依然会有大量的新语法在很多浏览器上不太支持.开发和生成出现了问题,如ES6的语法
为了提升开发效率,出现了大量的预编译语言,如less,styls,但是这些语言不能被浏览器直接识别.那么就需要生产时提前编译,如果项目中用到了很多预编译语言,那么所有预编译语言的编译就是一个繁琐的工作
以前对于小图片请求性能的考虑,大多是做成精灵图,但是就算做成精灵图也是需要一次请求,有的时候就是处于性能的考虑需要将图片编程base64的编码,因此也是需要一个编码的工具
甚至包括框架的出现和大量的使用,需要我们在开发时能够实时了解开发结果.
等等,就不举例了,随着技术的发展,我们就需要一个工具帮我们提升代码的开发效率,优化代码的编译.将浏览器不能识别的语法自动处理为浏览器能够识别的语法.
此时Webpack就应运而生了
那么有人可能就会有疑问,相同类型的工具只有Webpack吗?答案是NO,那么我们就来简单了解其他几个构建工具,了解一下各自的优劣时,你自然而然的就会明白为什么使用Webpack会比其他构建工具被利用的更广泛
2.Gulp是一个基于流的自动化构建工具.
Grunt是一个任务执行者，有大量现成的插件封装了常见的任务，也能管理任务之间的依赖关系，自动化地执行依赖的任务，每个任务的具体执行代码和依赖关系都写在配置文件Gruntfile.js里，
浅显的解释:就是你定义了很多任务,让Grunt/Gulp自动去执行这些任务
2.1什么是用到Grunt/Gulp呢?
项目依赖非常简单,甚至都没有使用模块化
只需要进行一些简单合并,压缩时就可以使用
项目依赖关系比较强,使用模块化开发方式,就需要强大的Webpack了
2.2对比:
Grunt/Gulp更强调流程自动化,模块化不是核心
Webpack更强调模块化开发管理,而文件的压缩合并,预处理功能都是附带的
不过Webpack的优点使得Webpack在很多场景下可以替代Gulp/Grunt类的工具。
3.Webpack的优势
现在主流的开发模式为“模块化+新语言+新框架“，而webpack可以提供一站式的解决方案。
Webpack有良好的生态链和维护团队，能够提供良好的开发体验并保证质量。
Webpack被全世界大量的Web开发者使用和验证，能找到各个层面所需的教程和经验分享。
这些优势也是很多人选择Webpack的原因
4.Webpack的概念
webpack是什么?
转载请注明：http://www.0431gb208.com/sjsbszl/4739.html
