webpack state

Webpack 的状态（state）通常指的是一种管理机制，用于存储和维护构建过程中的中间数据和配置信息。Webpack 5 引入了新的 `webpack-chain` API，使得状态管理和配置变得更为模块化。通过`chain()`方法创建一个工作流链，可以在每个阶段修改并保存状态，比如加载器、插件等的配置。

例如，在一个简单的配置中，你可以这样做：

const config = new WebpackConfig();
config.module
  .rule('example')
  .test(/\.js/)
  .use('babel-loader')
  .loader('babel-loader')
  .tap(options => ({ ...options, presets: ['@babel/preset-env'] }));

// 状态管理
const workflow = config.toTree();

// 在工作流中修改状态
workflow.module.rules[0].presets.push('@babel/preset-react');

// 最终生成配置文件
const finalConfig = workflow.toJson();

在这里，`workflow`就是一个状态对象，你可以对它进行操作，如添加、删除或修改规则。最后将更新后的状态转化为JSON配置返回。