Vue从浅显程度理解（四）-----Webpack专题

本质: webpack 是一个现代 JavaScript 应用程序的静态模块打包器(static module bundler)。在 webpack 处理应用程序时，它会在内部创建一个依赖图(dependency graph)，用于映射到项目需要的每个模块，然后将所有这些依赖生成到一个或多个包（bundle）。

四个核心概念:

1. 1. 入口(entry)：指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始； 默认值./src/index.js，配置属性：entry，（每个html中只有一个入口起点）
   2. 输出(output)：webpack 在哪里输出它所创建的 bundles，以及如何命名这些文件， 默认值:主输出-- ./dist/main.js，其他生成文件./dist，配置属性：path--输出目录path的绝对路径 ，filename--输出文件的文件名
   3. loader： loader 能够让 webpack 处理那些非 JavaScript 文件，并且先将它们转换为有效 模块，然后添加到依赖图中，配置属性:test--用于标识出应该被对应的 loader 进行转换的某个或某些文件； use --表示进行转换时，应该使用哪个 loader。

            4.插件（plugins）：插件的范围包括：打包优化、资源管理和注入环境变量。

各模块的参数配置:( webpack.config.js)

分解成离散功能块(discrete chunks of functionality);