此模板提供了一个最小化的设置,用于在Vite中使用HMR(热模块替换)和一些ESLint规则来运行React。
目前,有两个官方插件可用:
如果你正在开发一个生产应用程序,我们建议更新配置以启用类型感知的lint规则:
parserOptions属性如下:export default tseslint.config({
languageOptions: {
// 其他选项...
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname,
},
},
})
tseslint.configs.recommended替换为tseslint.configs.recommendedTypeChecked或tseslint.configs.strictTypeChecked...tseslint.configs.stylisticTypeChecked// eslint.config.js
import react from 'eslint-plugin-react'
export default tseslint.config({
// 设置react版本
settings: { react: { version: '18.3' } },
plugins: {
// 添加react插件
react,
},
rules: {
// 其他规则...
// 启用其推荐规则
...react.configs.recommended.rules,
...react.configs['jsx-runtime'].rules,
},
})