非常教程

Webpack参考手册

接口 | API

模块变量 | Module Variables

本章节涵盖了使用 webpack 编译的代码中所有的__变量__。模块将通过 module 和其他变量,来访问编译过程中的某些数据。

module.loaded (NodeJS)

false 表示该模块正在执行, true 表示同步执行已经完成。

module.hot (WebPack特异性)

表示 模块热替换(Hot Module Replacement) 是否启用,并给进程提供一个接口。详细说明请查看 模块热替换 API 页面

module.id (CommonJS)

当前模块的ID。

module.id === require.resolve("./file.js")

module.exports (CommonJS)

调用者通过 require 对模块进行调用时返回的值(默认为一个新对象)。

module.exports = function doSomething() {
  // Do something...
};

这不能用于异步功能。

exports (CommonJS)

该变量默认值为 module.exports(即一个对象)。 如果 module.exports 被重写的话, exports 不再会被导出。

exports.someValue = 42;
exports.anObject = {
    x: 123
};
exports.aFunction = function doSomething() {
    // Do something
};

global (NodeJS)

请参阅node.js global。

process (NodeJS)

请参阅node.js过程。

__dirname (NodeJS)

取决于配置选项node.__dirname

  • false: 没有定义
  • mock: equal "/"
  • true: node.js __dirname

如果在解析器解析的表达式内部使用,则配置选项被视为true

__filename (NodeJS)

取决于配置选项node.__filename

  • false: 没有定义
  • mock: equal "/index.js"
  • true: node.js __filename

如果在解析器解析的表达式内部使用,则配置选项被视为true

__resourceQuery (webpack-specific)

当前模块的资源查询。如果下面的require调用已经完成,那么查询字符串将在中可用file.js

require('file.js?test')

file.js

__resourceQuery === '?test'

__webpack_public_path__ (webpack-specific)

等于配置选项output.publicPath

__webpack_require__ (webpack-specific)

原始需求函数。该表达式不被解析器解析为依赖关系。

__webpack_chunk_load__ (webpack-specific)

内部块加载功能。采取两个参数:

  • chunkId 加载块的ID。
  • callback(require) 加载块时调用的回调函数。

__webpack_modules__ (webpack-specific)

访问所有模块的内部对象。

__webpack_hash__ (webpack-specific)

该变量仅适用于HotModuleReplacementPluginExtendedAPIPlugin。它提供对编译哈希的访问。

__non_webpack_require__ (webpack-specific)

生成一个require不被webpack解析的函数。如果可以的话,可以用来做一个全球需求函数的很酷的东西。

DEBUG (webpack-specific)

等于配置选项debug

Webpack

webpack 是一个模块打包器。webpack 处理带有依赖关系的模块,生成一系列表示这些模块的静态资源。

主页 https://webpack.js.org/
源码 https://github.com/webpack/webpack
发布版本 3.8.1

Webpack目录

1.指南 | Guides
2.接口 | API
3.概念 | Concepts
4.组态 | Configuration
5.装载 | Loaders