webpack中的模块变量


本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/06/21/webpack%E4%B8%AD%E7%9A%84%E6%A8%A1%E5%9D%97%E5%8F%98%E9%87%8F/

摘要

本文主要讲述了:

  1. module.hot
  2. module.exports
  3. exports
  4. process
  5. __dirname
  6. __filename

正文

在模块内,可以直接使用特殊的模块变量而不需要定义它们。

module.hot

webpack HMR 相关的 API

module.exports

在 CommonJS 中用于输出。

示例:

1
2
3
4
module.exports = {
foo: 'foo',
bar: 'bar',
};

exports

在 CommonJS 中用于输出。

示例:

1
2
exports.foo = 'foo';
exports.bar = 'bar';

注意:CommonJS 模块实际输出的是module.exportsexports默认指向module.exports,如果把一个新对象赋值给exports,那么exports会指向新对象。

反面示例:

1
2
3
4
exports = {
foo: 'foo',
bar: 'bar',
};

process

nodejs 中的进程。

示例:

1
console.log(process);

__dirname

nodejs 中目录的路径。

示例:

1
console.log(__dirname);

__filename

nodejs 中文件的路径。

示例:

1
console.log(__filename);

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/06/21/webpack%E4%B8%AD%E7%9A%84%E6%A8%A1%E5%9D%97%E5%8F%98%E9%87%8F/


本文对你有帮助?请支持我


支付宝
微信