【React】vite + react 项目，进行配置 eslint_vite react eslint

最新推荐文章于 2024-09-13 22:11:46 发布

2401_84166896

最新推荐文章于 2024-09-13 22:11:46 发布

阅读量292

点赞数 3

分类专栏：程序员文章标签： react.js 前端前端框架

本文链接：https://blog.csdn.net/2401_84166896/article/details/137719185

版权

本文介绍了如何在基于Vite的React项目中配置和修改ESLint设置，包括在vite.config.js文件中的配置调整和对ESLint默认规则的定制。

摘要由CSDN通过智能技术生成

npm i -D vite-plugin-eslint

4 配置 vite.config.js 文件

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import eslintPlugin from 'vite-plugin-eslint'

export default defineConfig({
  plugins: [
    react(),
    // 添加 eslint 插件配置
    eslintPlugin({
      include: ['src/\*\*/\*.js', 'src/\*\*/\*.jsx', 'src/\*.js', 'src/\*.jsx']
    })
  ],
  resolve: {
    alias: {
    },
  },
})

5 修改 eslint 默认配置

可根据实际情况进行配置。

module.exports = {
  'env': {
    'browser': true,
    'es2021': true
  },
  'extends': [
    'eslint:recommended',
    'plugin:react/recommended'
  ],
  'overrides': [
    {
      'env': {
        'node': true
      },
      'files': [
        '.eslintrc.{js,cjs}