chore: add customLoader

Author: sonofmagic

packages/unplugin-tailwindcss-mangle/package.json

@@ -89,6 +89,7 @@
     "@types/micromatch": "^4.0.2",
     "@types/semver": "^7.3.13",
     "pkg-types": "^1.0.2",
+    "simple-functional-loader": "^1.2.1",
     "tailwindcss": "^3.3.2",
     "tslib": "^2.5.0",
     "vite": "^4.3.3",

packages/unplugin-tailwindcss-mangle/src/index.ts

@@ -10,6 +10,7 @@ import type { sources } from 'webpack'
 import path from 'path'
 import fs from 'fs'
 import { getOptions } from './options'
+const { createLoader } = require('simple-functional-loader')
 
 // cache map
 const outputCachedMap = new Map<
@@ -77,7 +78,7 @@ export const unplugin = createUnplugin((options: Options | undefined = {}, meta)
       }
     },
     webpack(compiler) {
-      const Compilation = compiler.webpack.Compilation
+      const { NormalModule, Compilation } = compiler.webpack
       const { ConcatSource } = compiler.webpack.sources
       function getAssetPath(outputPath: string, file: string, abs: boolean = true) {
         const fn = abs ? path.resolve : path.relative
@@ -95,7 +96,30 @@ export const unplugin = createUnplugin((options: Options | undefined = {}, meta)
           console.log(error)
         }
       }
+      const customLoader = {
+        ...createLoader(function (source: string) {
+          return source
+        }),
+        ident: null,
+        type: null
+      }
       compiler.hooks.compilation.tap(pluginName, (compilation) => {
+        NormalModule.getCompilationHooks(compilation).loader.tap(pluginName, (loaderContext, module) => {
+          const idx = module.loaders.findIndex((x) => x.loader.includes('css-loader'))
+          // vue-loader/dist/stylePostLoader.
+          // vue-style-loader
+          if (idx > -1) {
+            module.loaders.splice(idx, 0, customLoader)
+            // console.log(module.resource, module.loaders.map(x => x.loader))
+            // if(/css/.test(module.resource)){
+            //   const idx = module.loaders.findIndex((x) => x.loader === 'style-loader')
+            //   console.log(idx)
+            // }
+          }
+
+
+
+        })
         compilation.hooks.processAssets.tap(
           {
             name: pluginName,