feat: adding compatibility code for different versions of vite

ryomahan · Dec 27, 2023 · 1bb6a4d · 1bb6a4d
1 parent 3138c7c
commit 1bb6a4d
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 13 deletions.
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ryomahan-vite-plugin-html",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "A plugin for vite to Minimize index.html and use lodash.template template syntax in index.html",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",

diff --git a/packages/core/src/htmlPlugin.ts b/packages/core/src/htmlPlugin.ts
@@ -10,12 +10,24 @@ import fg from 'fast-glob'
 import consola from 'consola'
 import { dim } from 'colorette'
 import history from 'connect-history-api-fallback'
+import * as vite from 'vite'
 
 const DEFAULT_TEMPLATE = 'index.html'
 const ignoreDirs = ['.', '', '/']
 
 const bodyInjectRE = /<\/body>/
 
+function getViteMajorVersion(): number {
+  let version = 0
+  try {
+    // @ts-ignore
+    version = Number(vite.version.split('.')[0])
+  } catch (_) {
+    version = 2
+  }
+  return version
+}
+
 export function createPlugin(userOptions: UserOptions = {}): PluginOption {
   const {
     entry,
@@ -114,18 +126,17 @@ export function createPlugin(userOptions: UserOptions = {}): PluginOption {
       )
     },
 
-    transformIndexHtml: userOptions.viteNext
-      ?
-      {
-        // @ts-ignore
-        order: 'pre',
-        handler: transformIndexHtmlHandler,
-      }
-      :
-      {
-        enforce: 'pre',
-        transform: transformIndexHtmlHandler,
-      },
+    transformIndexHtml:
+      getViteMajorVersion() >= 5
+        ? {
+            // @ts-ignore
+            order: 'pre',
+            handler: transformIndexHtmlHandler,
+          }
+        : {
+            enforce: 'pre',
+            transform: transformIndexHtmlHandler,
+          },
     async closeBundle() {
       const outputDirs: string[] = []