中文官网:https://webpack.docschina.org/
中文文档:https://webpack.docschina.org/concepts/
定义:一个模块的打包器
(目标)功能:
1、切分依赖树(切分到不同的代码块,按需加载,跟懒加载概念类似)
2、保持初始化加载时间更少
3、任何一个静态资源,都可被视为一个模块在项目中被引用
4、整合第三方类库,并把第三方类库视为它的模块在项目中引用
5、可以在整个项目打包的每个过程中自定义想做的事
6、适合大型项目
跟其他打包工具的区别:
1、代码分割
2、loaders概念
3、插件系统,模块热更新特性(提高开发和调试效率)
Code Splitting
不同于其他打包工具:
代码分割
插件系统
模块热更新
webpack中有load的概念,只能处理js文件,其他不能识别的文件都能使用load处理。可以合并请求,多个请求合并为一个。减少页面阻塞或加载,提高加载速度
webpack与grunt,gulp区别
webpack使用,讲解很详细,很到位!
webpack
webpack区别其他打包工具:1.Code Splitting代码分割 2.模块热更新
模块化:CMD / AMD / ES6
常见组合:react + webpack + es6
代码分割