您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

WebPack 模块

WebPack 模块

在中,开发者将程序分解成离散块(discrete chunks of functionality),并称之为模块。

每个模块具有比完整程序更小的接触面,使得校验、调试、测试轻而易举。 精心编写的模块提供了可靠的抽象和封装界限,使得应用程序中每个模块都具有条理清楚的设计和明确的目的。

Node.js 从最一开始就模块化编程。然而,在 web,模块化的正缓慢到来。在 web 存在多种 JavaScript 模块化的工具,这些工具各有优势和限制。webpack 基于从这些系统获得的经验教训,并将模块的概念应用于项目中的任何。

什么是 WebPack 模块

对比 ,webpack 模块能够以各种方式表达它们的依赖关系,几个例子如下:

 语句

 require() 语句

 define 和 require 语句

css/sass/less 中的 。

样式(url(...))或 HTML (<img src=...>)中的(image url)

webpack 1 需要特定的 loader 来转换 ES 2015 import,然而通过 webpack 2 可以开箱即用。

的模块类型

webpack 通过 loader 可以各种语言和预处理器编写模块。loader 描述了 webpack 如何处理 非 JavaScript(non-JavaScript) _模块_,并且在 bundle 中引入这些依赖。 webpack 社区已经为各种流行语言和语言处理器构建了 loader,:

总的来说,webpack 提供了可定制的、强大和丰富的 API,允许任何技术栈使用 webpack,保持了在你的开发、测试和流程中无侵入性(non-opinionated)。

有关完整列表,请参考 loader 列表 或 自己编写。

进一步阅读


联系我
置顶