Webpack 介绍
什么是 Webpack
Webpack 是一个前端的静态模块资源打包工具,能让浏览器也支持模块化,他将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。
Webpack 的作用
- Wbepack主要核心是进行javascript资源打包。
- 如下图,他可以结合其他插件功能,将多种静态资源css、png、sass分类转换成一个一个的静态文件,这样可以减少页面请求。
- 可以集成babel工具实现EcmaScript6 转 EcmaScript5 ,解决浏览器兼容问题。
- 可以集成 http 服务。
- 可以集成模块热加载,当代码改变后自动刷新浏览器等功能。
webpack 官网
https://webpack.docschina.org/
webpack1 和 webpack2+ 差别很大很大,基本上就是推倒重来,webpack1 目前基本已经不用了,所以用新版本,老版本快淘汰了,已经几乎不用了。