初学Webpack

一、Webpack是什么

Webpack是一种前端资源构建工具，是一个静态模块打包器(module bundler), 它能够分析你的项目结构

在Webpack看来，前端的所有资源文件(js/json/css/img/less)都会作为模块处理

它将根据模块的依赖关系进行静态分析 打包生成对应的静态资源

为了能让代码具备更高的复用性、可读性和维护性，我们可以将网页中的内容划分成不同的模块，使用 ES6 module

webpack 也可以识别 CommonJS 模块引入规范、CMD、 ADM 模块规范

二、为什要使用Webpack

现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法

• 模块化，让我们可以把复杂的程序细化为小的文件;

• Scss，less等CSS预处理器

三、Webpack优点

1 . 不需要在 HTML 中引入很多的 JS 文件，提高文件加载速度。
2 .文件和文件之间的依赖关系会变得很明确，降低出错率，提高代码的可维护性。
3. .webpack 就是将 .jpg .png .sass .sass .js .sass .js .hbs 等文件压缩到一个文件内.减少源文件的体积.来加快网页运行效率.提高用户体验.
4 .可以减少我们的request 请求.
5.它甚至可以将我们浏览器解析不了的ES6语法通过loader帮我们解析成浏览器所熟悉的ES5

四、webpack作用

1.代码压缩混淆
2.处理js兼容问题
3.性能优化

五、Webpack能干什么

代码转换,文件优化,代码分割,模块合成,自动刷新,代码校验,自动发布

六、Webpack的五大核心

(1) Entry: 入口(Entry)指示webpack以哪个文件为入口起点开始打包

(2