feat: support vite transformIndexHtml

Author: sonofmagic

apps/vite-vue/tailwind.config.js

@@ -2,10 +2,10 @@
 export default {
   content: ['./index.html', './src/**/*.{js,ts,jsx,tsx,vue}'],
   theme: {
-    extend: {}
+    extend: {},
   },
   plugins: [],
   corePlugins: {
-    preflight: false
-  }
+    preflight: false,
+  },
 }

apps/webpack5-vue3/.eslintrc.js

@@ -37,4 +37,4 @@
     "tailwindcss": "^3.4.4",
     "typescript": "~5.5.2"
   }
-}
+}

apps/webpack5-vue3/package.json

@@ -1,3 +1,3 @@
 import { defineConfig } from 'tailwindcss-patch'
 
-export default defineConfig({})
+export default defineConfig({})

apps/webpack5-vue3/tailwindcss-mangle.config.ts

@@ -3,9 +3,10 @@ const utwm = require('unplugin-tailwindcss-mangle/webpack')
 
 module.exports = defineConfig({
   transpileDependencies: true,
-  configureWebpack: (config) => {
-    config.plugins.push(utwm({
-      classMapOutput: true,
-    }))
-  },
+  // configureWebpack: (config) => {
+  //   config.plugins.push(utwm({
+  //     classMapOutput: true,
+  //   }))
+  // },
+
 })

apps/webpack5-vue3/vue.config.js

@@ -8,4 +8,6 @@ export default defineConfig({
   format: ['cjs', 'esm'],
   clean: true,
   dts: true,
+  // cjsInterop: true,
+  // splitting: true,
 })

packages/config/tsup.config.ts

@@ -8,4 +8,6 @@ export default defineConfig({
   format: ['cjs', 'esm'],
   clean: true,
   dts: true,
+  // cjsInterop: true,
+  // splitting: true,
 })

packages/core/tsup.config.ts

@@ -8,4 +8,6 @@ export default defineConfig({
   format: ['cjs', 'esm'],
   clean: true,
   dts: true,
+  // cjsInterop: true,
+  // splitting: true,
 })

packages/shared/tsup.config.ts

@@ -7,4 +7,6 @@ export default defineConfig({
   clean: true,
   format: ['cjs', 'esm'], // , 'esm'
   dts: true,
+  // cjsInterop: true,
+  // splitting: true,
 })

packages/tailwindcss-patch/tsup.config.ts

@@ -1,8 +1,7 @@
 import type { UnpluginFactory } from 'unplugin'
-import { Context, cssHandler, preProcessJs, vueHandler } from '@tailwindcss-mangle/core'
+import { Context, cssHandler, htmlHandler, preProcessJs, vueHandler } from '@tailwindcss-mangle/core'
 import type { MangleUserConfig } from '@tailwindcss-mangle/config'
 import MagicString from 'magic-string'
-// import { createFilter } from '@rollup/pluginutils'
 import { isCSSRequest } from 'is-css-request'
 import { pluginName } from '@/constants'
 
@@ -55,9 +54,15 @@ const factory: UnpluginFactory<MangleUserConfig | undefined> = (options) => {
         return css
       },
     },
-    // {
-    //   name: `${pluginName}:post`,
-    // },
+    {
+      name: `${pluginName}:post`,
+      enforce: 'post',
+      vite: {
+        transformIndexHtml(code) {
+          return htmlHandler(code, { ctx })
+        },
+      },
+    },
   ]
 }