diff --git a/.changes/changes.md b/.changes/changes.md new file mode 100644 index 0000000000..d178e95486 --- /dev/null +++ b/.changes/changes.md @@ -0,0 +1,5 @@ +--- +"create-tauri-app": minor +--- + +Vite with SWC in React templates. diff --git a/templates/template-react-ts/package.json.lte b/templates/template-react-ts/package.json.lte index b43e7ac7f1..6802ade177 100644 --- a/templates/template-react-ts/package.json.lte +++ b/templates/template-react-ts/package.json.lte @@ -18,7 +18,7 @@ "devDependencies": { "@types/react": "^18.2.15", "@types/react-dom": "^18.2.7", - "@vitejs/plugin-react": "^4.2.1", + "@vitejs/plugin-react-swc": "^3.5.0", "typescript": "^5.0.2", "vite": "^5.0.0", "@tauri-apps/cli": "^{% if alpha %}2.0.0-alpha.20{% else %}1.5.8{% endif %}"{% if mobile %}, diff --git a/templates/template-react-ts/vite.config.ts.lte b/templates/template-react-ts/vite.config.ts.lte index c195db5919..e859c57c5d 100644 --- a/templates/template-react-ts/vite.config.ts.lte +++ b/templates/template-react-ts/vite.config.ts.lte @@ -1,5 +1,5 @@ import { defineConfig } from "vite"; -import react from "@vitejs/plugin-react";{% if mobile %} +import react from "@vitejs/plugin-react-swc";{% if mobile %} import { internalIpV4 } from "internal-ip"; // @ts-expect-error process is a nodejs global diff --git a/templates/template-react/package.json.lte b/templates/template-react/package.json.lte index 44d80d6a96..468f2b6499 100644 --- a/templates/template-react/package.json.lte +++ b/templates/template-react/package.json.lte @@ -16,7 +16,7 @@ "@tauri-apps/plugin-shell": "^2.0.0-alpha.3"{% endif %} }, "devDependencies": { - "@vitejs/plugin-react": "^4.2.1", + "@vitejs/plugin-react-swc": "^3.5.0", "vite": "^5.0.0", "@tauri-apps/cli": "^{% if alpha %}2.0.0-alpha.20{% else %}1.5.8{% endif %}"{% if mobile %}, "internal-ip": "^7.0.0"{% endif %} diff --git a/templates/template-react/vite.config.js.lte b/templates/template-react/vite.config.js.lte index 064c99b35c..f4e2632421 100644 --- a/templates/template-react/vite.config.js.lte +++ b/templates/template-react/vite.config.js.lte @@ -1,5 +1,5 @@ import { defineConfig } from "vite"; -import react from "@vitejs/plugin-react";{% if mobile %} +import react from "@vitejs/plugin-react-swc";{% if mobile %} import { internalIpV4 } from "internal-ip"; const mobile = !!/android|ios/.exec(process.env.TAURI_ENV_PLATFORM);{% endif %}