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/
在这里插入图片描述

【版权声明】本博文著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处!
【重要说明】本文为本菜鸟的学习记录,论点和观点仅代表个人不代表此技术的真理,目的是学习和可能成为向别人分享的经验,因此有错误会虚心接受改正,但不代表此时博文无误!
【博客园地址】JayveeWong: http://www.cnblogs.com/wjw1014
【CSDN地址】JayveeWong: https://blog.csdn.net/weixin_42776111
【Gitee地址】Jayvee:https://gitee.com/wjw1014
【GitHub地址】Jayvee:https://github.com/wjw1014
原文地址:https://www.cnblogs.com/wjw1014/p/15232319.html