要针对不同类型的文件（mjs、js和ts）使用不同的ESLint处理方式，你可以按照以下步骤进行操作：

1. 安装ESLint和所需的插件：在项目根目录下打开终端并运行以下命令：

npm install eslint eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev

这将安装ESLint以及用于处理不同类型文件的插件。

2. 创建一个.eslintrc.json文件：在项目根目录下创建一个名为.eslintrc.json的文件，并添加以下内容：

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "parserOptions": {
    "ecmaVersion": 12
  },
  "rules": {
    // 共用规则
    "no-console": "error",
    // js文件规则
    "no-alert": "error",
    // ts文件规则
    "@typescript-eslint/explicit-module-boundary-types": "error"
  },
  "overrides": [
    {
      "files": ["**/*.mjs"],
      "parserOptions": {
        "sourceType": "module"
      },
      "rules": {
        // mjs文件规则
      }
    },
    {
      "files": ["**/*.js"],
      "parserOptions": {
        "sourceType": "module"
      },
      "rules": {
        // js文件规则
      }
    },
    {
      "files": ["**/*.ts"],
      "parser": "@typescript-eslint/parser",
      "extends": [
        "plugin:@typescript-eslint/recommended"
      ],
      "rules": {
        // ts文件规则
      }
    }
  ]
}

在上述示例中，我们定义了一些共用的规则，以及针对每种类型文件的特定规则。你可以根据项目的需求自定义这些规则。

3. 配置ESLint脚本：在项目的package.json文件中，找到scripts部分，添加以下内容：

"scripts": {
  "lint": "eslint --ext .mjs,.js,.ts src"
}

这将允许你在终端中运行npm run lint命令来检查src目录下的所有mjs、js和ts文件。

4. 运行ESLint：在终端中运行以下命令来运行ESLint并检查你的代码：

npm run lint

这将根据不同类型的文件执行不同的规则，并输出任何错误或警告信息。

通过以上步骤，你可以根据文件类型设置不同的ESLint规则，并在代码中使用不同类型的文件进行处理。