Webpack 介绍

Webpack 介绍

什么是 Webpack

Webpack 是一个前端的静态模块资源打包工具，能让浏览器也支持模块化，他将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

Webpack 的作用

• Wbepack主要核心是进行javascript资源打包。
• 如下图，他可以结合其他插件功能，将多种静态资源css、png、sass分类转换成一个一个的静态文件，这样可以减少页面请求。
• 可以集成babel工具实现EcmaScript6 转 EcmaScript5 ，解决浏览器兼容问题。
• 可以集成 http 服务。
• 可以集成模块热加载，当代码改变后自动刷新浏览器等功能。

webpack 官网

https://webpack.docschina.org/

webpack1 和 webpack2+ 差别很大很大，基本上就是推倒重来，webpack1 目前基本已经不用了，所以用新版本，老版本快淘汰了，已经几乎不用了。

webpack 文档

https://webpack.docschina.org/concepts/