webpack2文档阅读(1)---四个核心概念

 

1核心概念

webpack有四个核心概念 entry（入口文件）, output（输出文件）, loaders（加载器）,  plugins（插件组）.

2核心概念-拆解

-1· entry（入口文件）

　　webpack为咱们的应用依赖建立了一张图表。而entry就是这张图表的起点。entry会告诉webpack该从哪里开始以及根据依赖图表来打包咱们所需的文件。你能够认为entry就是应用的根凭证或者是启动文件。

 

-2· output（输出文件）

　　当你将你全部的资源打包到一块儿的时候，你还须要告诉webpack如何打包你的应用。output属性就是用于指导webpack如何处理代码块的。output还包含一些子属性用于配置更详细的打包规则，例如打包的命名规则以及打包后的包的发布目录。除此以外，还有其余的做用，须要咱们继续探索。

 

-3· loaders（加载器）

　　加载器的目的是让咱们项目中全部的资源都能与webpack（不是和浏览器）产生关联。固然这并不意味着全部的东西都会被打包到一块儿。由于webpack只能理解Javascript，因此它会把每一个文件(.css, .html, .scss, .jpg, etc.) 都看成一个模块来对待，而后把他们添加到依赖图表中。

　　loaders能够定义所需模块将以什么方式转义并最终被添加到依赖图表中。例如less文件、jsx语法文件

 

-4· plugins（插件组）

　　loaders只会针对预编译的基础文件，在被打包“编译”或“块”等模块中plugins一般用在（但不限于）一些执行动做或自定义功能。piugins的功能与定制性很强，大多数插件可自定义经过选项。出于不一样的目的你可能须要屡次使用同一个plugin，因此你每次使用时须要用 new 来建立一个 plugin 实例。