webpack 的理解

概念

• 用于现代 JavaScript 应用程序的静态模块打包工具

静态模块，是指在开发阶段可以被 webpack 直接引用的资源

• 当 webpack 处理应用程序时，在内部会构建一份依赖图，此依赖图映射项目所需的每个模块，不再局限于 JavaScript 文件， 并生成一个或多个 bundle.js

webpack 的能力

• 编译代码能力，提高效率，解决浏览器兼容问题

• 模块整合能力，提高性能，可维护性，解决浏览器频繁请求文件的问题

• 万物皆可模块能力，项目维护性增强，支持不同种类的前端模块类型，统一的模块化方案，所有资源文件的加载都可通过代码控制。