javascript - 构建无法使用 vite bundler 进行 react

Question

我之前用过web-pack，想改成vite 我把web-pack版的文件全部复制到vite版当我发出 yarn dev 时，它可以工作，但我们构建它并使用 serve dist 运行构建，它在浏览器上给我这个错误，它不会呈现任何东西

Answer 1

你需要使用这个配置，(看看你可能需要安装的@vitejs/plugin-react)

vite.config.js:

import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";

export default ({ mode }) => {
  return defineConfig({
    plugins: [
      react(),
    ],
  });
};

问题是 vite 默认不会将 React 导入到 jsx 组件中，因此您需要在每个组件中手动导入或使用此插件。