webpack入门之概念

文档：https://webpack.js.org/concepts/

1.简介

本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。

当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)

其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

webpack包含四个核心概念：

• 入口(entry)
• 输出(output)
• loader
• 插件(plugins)

2.入口

入口指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。

进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。

每个依赖项随即被处理，最后输出到称之为 bundles 的文件中。

可以通过在 webpack 配置中配置 entry 属性，来指定一个