一、webpack五个核心概念

一、五个核心概念：

1、Entry（入口）：指示webpack以哪个文件为入口起点打包。分析构建内部依赖图。

2、Output（出口）：指示webpack打包后的资源bundles输出到哪里去，以及如何命名。

3、Loader：Loader让webpack能够去处理那些非javaScript文件【图片文件、html文件、样式文件】（webpack自身只理解javascript）

4、Plugins（插件）：可以用于执行范围更广的任务。插件的范围包括，从打包优化和压缩，一直到重新定义环境中的变量。

5、Mode（模式）：指示webpack使用相应模式的配置。

webpack.config.js  webpack的配置文件 ：指示webpack干哪些活（当运行webpack指令时，会加载里面的配置）

所有的构建工具都是基于node.js平台运行，模块化默认采用common.js