我的书签
添加书签
移除书签模块(module)
在 模块化编程 中，开发者将程序分解为功能离散的 chunk(discrete chunks of functionality)，并称之为_模块_。
每个模块具有比完整程序更小的接触面，使得验证、调试、测试轻而易举。 精心编写的_模块_提供了可靠的抽象和封装界限，使得应用程序中每个模块，都具备了条理清楚的设计和明确的目的。
Node.js 从最一开始就支持模块化编程。 然而，web 的模块化支持正缓慢到来。 在 web 存在多种支持 JavaScript 模块化的工具，这些工具各有优势和限制。 webpack 基于从这些系统获得的经验教训，并将_模块_的概念应用于项目中的任何文件。
什么是 webpack 模块
与 Node.js 模块 相比，webpack _模块_能够以各种方式表达它们的依赖关系。下面是一些示例：
- ES2015
import语句 - CommonJS
require()语句 - AMD
define和require语句 - css/sass/less 文件中的
@import语句。 - 样式(
url(...))或 HTML 文件(<img src=...>)中的图片链接
webpack 1 需要特定的 loader 来转换 ES2015
import，然而在 webpack 2 中，这一切都是开箱即用的。
支持的模块类型
通过 loader，webpack 可以支持以各种语言和预处理器语法编写的模块。loader 描述了 webpack 如何处理 非 JavaScript _模块_，并且在 bundle 中引入这些_依赖_。 webpack 社区已经为各种流行语言和语言处理器创建了 loader，包括：
其实还有很多！总的来说，webpack 提供了可定制的、强大和丰富的 API，允许在任何技术栈中使用 webpack，同时在开发、测试和生产环境下的工作流程中做到无侵入性。
有关完整列表，请参考 loader 列表 或 编写你自己的 loader。
EugeneHlushko
