如何配置Webpack 2.2.1？错误...与API架构不匹配的配置对象

Webpack是一个现代化的静态模块打包工具，它可以将多个模块打包成一个或多个bundle文件，用于在浏览器中加载。配置Webpack的过程如下：

1. 首先，确保你已经安装了Node.js和npm（Node.js的包管理器）。
2. 在项目根目录下创建一个新的文件夹，命名为webpack.config.js，这是Webpack的配置文件。
3. 打开webpack.config.js文件，使用CommonJS模块化语法导出一个配置对象，例如：

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: __dirname + '/dist'
  },
  // 其他配置项...
};

上述配置对象中的entry指定了入口文件的路径，output指定了打包后的文件名和输出路径。

1. 在终端中进入项目根目录，并执行以下命令安装Webpack和相关依赖：

npm install webpack webpack-cli --save-dev

1. 创建一个src文件夹，并在其中创建一个index.js文件作为入口文件。
2. 在终端中执行以下命令打包项目：

npx webpack

Webpack会根据配置文件中的设置，将入口文件及其依赖打包成一个或多个bundle文件，并输出到指定的路径。

关于错误"与API架构不匹配的配置对象"，这通常是由于Webpack版本与配置文件中使用的配置项不兼容导致的。你提到的Webpack版本是2.2.1，但是目前最新的Webpack版本已经远远超过了2.2.1，因此建议升级到最新版本的Webpack。

另外，关于API架构不匹配的配置对象的具体错误信息，可以提供更多细节以便进行进一步的分析和解决。

对于Webpack的更多配置和使用方法，你可以参考腾讯云的Webpack产品文档：Webpack产品文档。