webpack-plugin-react

Webpack preset for React 18/19，提供 SWC JSX 编译与 React Fast Refresh。

安装

npm i webpack-common webpack-plugin-react -D

本包为 preset 扩展，需与 webpack-common 的 defineConfig({ presets: [...] }) 配合使用。

本包已内置声明 @swc/core、swc-loader、@pmmmwh/react-refresh-webpack-plugin、react-refresh 依赖，无需额外手动安装。

项目中需要的运行时依赖：

npm i react react-dom
npm i @types/react @types/react-dom typescript -D

使用

// webpack.config.ts
import { defineConfig } from 'webpack-common'
import react from 'webpack-plugin-react'

export default defineConfig({
  presets: [react()],
})

配置项

| 选项 | 类型 | 默认值 | 说明 | |------|------|--------|------| | jsxRuntime | 'automatic' \| 'classic' | 'automatic' | JSX 运行时模式 | | fastRefresh | boolean | true | 开发模式 React Fast Refresh | | target | string | 'es2020' | SWC 编译目标 ES 版本 |

说明

• 开发模式自动启用 React Fast Refresh（无状态丢失热更新）
• 生产模式自动关闭 Fast Refresh，确保产物纯净
• jsxRuntime: 'automatic' 模式下无需手动 import React

许可证

MIT