eslint配置文件时mjs，如何进行配置规则

Question

为什么我的eslint生成的配置文件后缀是mjs，如何在这种配置文件中配置规则呢？

Answer 1

张轩 2025-05-08 23:17:06

同学你好

是一样的，就是直接导出一个对象就好

在 .mjs 文件中，你需要使用 ES Modules 的 export 语法来导出一个配置对象。以下是一个示例 .eslintrc.mjs 文件，展示如何配置规则：

比如：

// .eslintrc.mjs
export default {
  env: {
    browser: true,
    es2021: true,
    node: true,
  },
  extends: [
    'eslint:recommended', // 使用 ESLint 推荐的规则
    'plugin:react/recommended', // 如果使用 React，可以添加相关插件
  ],
  parserOptions: {
    ecmaVersion: 12,
    sourceType: 'module',
  },
  rules: {
    // 配置具体的规则
    'no-console': 'warn', // 禁止 console.log，但允许 warn 和 error
    'indent': ['error', 2], // 强制 2 个空格缩进
    'quotes': ['error', 'single'], // 强制使用单引号
    'semi': ['error', 'always'], // 强制语句末尾加分号
    // 更多自定义规则...
  },
  plugins: [
    'react', // 如果需要使用插件，例如 React
  ],
};