vite: dev与build 环境 typescript/eslint 检测不一致问题

一个工作中遇到的问题

安装

yarn add --dev vite-plugin-checker

配置

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import environmentPlugin from '@jswork/vite-plugin-environment';
import banner from '@jswork/vite-plugin-html-banner';
import checker from 'vite-plugin-checker';

// https://vitejs.dev/config/
export default defineConfig({
  envDir: 'config/environments',
  plugins: [
    react(),
    banner(),
    environmentPlugin(),
    checker({
      // e.g. use TypeScript check
      typescript: true,
    })
  ],
  resolve: {
    alias: {
      '@': '/src',
    }
  }
});

解释

• 按 vite 官方的说法，他们并不做 elint/tsc 等工作

参考

• https://github.com/vitejs/vite/discussions/12870
• https://github.com/fi3ework/vite-plugin-checker