webpack 中的 node --trace-deprecation

在 webpack 中使用 node --trace-deprecation 可以帮助定位代码中使用过期/废弃的 API，以便进行及时更新以避免潜在的问题。

使用方法

在命令行中运行以下命令：

node --trace-deprecation node_modules/.bin/webpack

注意，这需要在运行 webpack 命令的目录中执行。

示例

运行前

在运行 node --trace-deprecation node_modules/.bin/webpack 命令之前，在 webpack 代码中使用了一个废弃的 API：

const config = {
  // ...
  module: {
    loaders: [ // 注意这里使用的是废弃的属性名
      { test: /\.js$/, loader: 'babel' },
    ],
  },
};

运行后

运行 node --trace-deprecation node_modules/.bin/webpack 命令后，你将会看到类似以下的警告信息：

(node:18513) DeprecationWarning: 'mode' option has been deprecated webpack 4.0.0-beta.0. Put it into the 'config' object instead to signal which bundle should be optimized for production.

这表明 webpack 中使用了已经废弃的 mode 选项。修改 webpack 配置文件后，这个警告信息就不会再出现了：

const config = {
  // ...
  mode: 'development', // 设置 mode 选项
  module: {
    rules: [ // 使用正确的属性名
      { test: /\.js$/, use: 'babel-loader' },
    ],
  },
};

总结

通过使用 node --trace-deprecation 命令，我们可以快速地定位 webpack 代码中存在的废弃 API，以避免潜在的问题。这是保持项目健康的重要实践之一。