entry：入口，webpack执行构建的第一步，将从entry开始，可抽象成输入。
module：模块，在webpack里一切皆模块，一个模块对应成一个文件。webpack会从配置的entry开始递归找出所有依赖的模块。
chunk：代码块，一个chunk由多个模块组合而成，用于代码合并与分割。
loader：模块转换器，用于将模块的原内容按照需求转换为新内容。
plugin：扩展插件，在webpack构建流程中的特定时机注入扩展逻辑，来改变构建结果或做我们想要的事情。
output：输出结果，在webpack经过一系列处理并得出最终想要的代码后输出结果。
webpack在启动后会从entry里配置的module开始，递归解析entry依赖的所有module。每找到一个module，就会根据配置的loader去找出对应的转换规则，对module进行转换后，再解析出当前module依赖的module。这些模块会以entry为单位进行分组，一个entry及其依赖的module被分到一个组也就是一个chunk，最后，webpack会将所有chunk转换成文件输出。在整个流程中，webpack会在恰当的时机执行plugin里定义的逻辑。
wepack中loader和plugin的区别:
一、从功能作用的角度区分：
1、loader：
loader从字面的意思理解，是 加载 的意思。
由于webpack 本身只能打包commonjs规范的js文件，所以，针对css，图片等格式的文件没法打包，就需要引入第三方的模块进行打包。
loader虽然是扩展了 webpack ，但是它只专注于转化文件（transform）这一个领域，完成压缩，打包，语言翻译。
loader是运行在NodeJS中。
仅仅只是为了打包，仅仅只是为了打包，仅仅只是为了打包，重要的话说三遍！！！
如：css-loader和style-loader模块是为了打包css的
babel-loader和babel-core模块时为了把ES6的代码转成ES5
url-loader和file-loader是把图片进行打包的。
2、plugin是做什么的？
plugin完成的是loader不能完成的功能，这是废话，没有说清楚。
plugin也是为了扩展webpack的功能，但是 plugin 是作用于webpack本身上的。而且plugin不仅只局限在打包，资源的加载上，它的功能要更加丰富。从打包优化和压缩，到重新定义环境变量，功能强大到可以用来处理各种各样的任务。webpack提供了很多开箱即用的插件：CommonChunkPlugin主要用于提取第三方库和公共模块，避免首屏加载的bundle文件，或者按需加载的bundle文件体积过大，导致加载时间过长，是一把优化的利器。而在多页面应用中，更是能够为每个页面间的应用程序共享代码创建bundle。
插件可以携带参数，所以在plugins属性传入new实例。
如：
1）、针对html文件打包和拷贝（还有很多设置）的插件：html-webpack-plugin。
不但完成了html文件的拷贝，打包，还给html中自动增加了引入打包后的js文件的代码（<script src=""></script>），还能指明把js文件引入到html文件的底部等等。
代码如下：
plugins: [
// 对html模板进行处理，生成对应的html,引入需要的资源模块
new HtmlWebpackPlugin({
template:'./index.html',//模板文件，即需要打包和拷贝到build目录下的html文件
filename:'index.html',//目标html文件
chunks:['useperson'],//对应加载的资源,即html文件需要引入的js模块
inject:true//资源加入到底部，把模块引入到html文件的底部
})
]
二、从运行时机的角度区分
1 . loader运行在打包文件之前（loader为在模块加载时的预处理文件）
2. plugins在整个编译周期都起作用。