English | 한국어
This template is a modified version of the default Vite React + TypeScript template, with ESLint 9.x and Standard rules added. It includes Hot Module Replacement (HMR) and basic development setup.
- ESLint 9.x: Integrated with the latest version of ESLint
- Standard rule: Consistent code style via
@seungwoo321/eslint-plugin-standard-jsand@seungwoo321/eslint-plugin-standard-jsx
All other features are the same as the default Vite React + TypeScript template.
Two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh.
- @vitejs/plugin-react-swc uses SWC for Fast Refresh.
For production apps, it's recommended to enable type-aware lint rules by updating your config:
import { defineConfig } from 'eslint/config'
import standardJs from '@seungwoo321/eslint-plugin-standard-js'
import standardJsx from '@seungwoo321/eslint-plugin-standard-jsx'
import tseslint from 'typescript-eslint'
export default defineConfig([
{
files: ['**/*.{js,mjs,cjs,ts,mts,jsx,tsx}'],
ignores: ['eslint.config.js'],
extends: [
// Replace ...tseslint.configs.recommended with:
...tseslint.configs.recommendedTypeChecked,
// Or use stricter rules with:
...tseslint.configs.strictTypeChecked,
// Add stylistic rules if needed:
...tseslint.configs.stylisticTypeChecked,
// Keep the Standard rules:
...standardJs.configs.recommended,
...standardJsx.configs.recommended
],
languageOptions: {
// Additional options...
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname
}
}
}
])