feat: added emitFile

vshepel · Mar 31, 2024 · f8ac8cd · f8ac8cd
1 parent dfa7511
commit f8ac8cd
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 18 deletions.
diff --git a/example/index.html b/example/index.html
@@ -16,7 +16,7 @@
   </head>
   <body>
     <svg class="icon" aria-hidden="true">
-      <use xlink:href="sprite.svg#star"></use>
+      <use xlink:href="public/sprite.svg#star"></use>
     </svg>
   </body>
 </html>
diff --git a/example/vite.config.ts b/example/vite.config.ts
@@ -5,7 +5,11 @@ export default defineConfig({
   plugins: [
     ViteSvgSpriteWrapper({
       icons: 'svg/*.svg',
-      outputDir: '',
+      outputDir: './public',
     }),
   ],
+  build: {
+    copyPublicDir: false,
+    manifest: true,
+  },
 })
diff --git a/src/index.ts b/src/index.ts
@@ -1,4 +1,4 @@
-import { dirname, resolve } from 'node:path'
+import { basename, dirname, resolve } from 'node:path'
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs'
 import { cwd } from 'node:process'
 import { type PluginOption, type ResolvedConfig, type ViteDevServer, normalizePath } from 'vite'
@@ -157,12 +157,14 @@ async function generateSvgSprite(options: Required<Options>): Promise<string> {
   if (!existsSync(outputDir))
     mkdirSync(outputDir, { recursive: true })
 
+  const sprite = result.symbol.sprite
+
   writeFileSync(
-    result.symbol.sprite.path,
-    result.symbol.sprite.contents.toString('utf8'),
+    sprite.path,
+    sprite.contents.toString(),
   )
 
-  return result.symbol.sprite.path.replace(`${root}/`, '')
+  return sprite.path.replace(`${root}/`, '')
 }
 
 function ViteSvgSpriteWrapper(options: Options = {}): PluginOption {
@@ -195,12 +197,21 @@ function ViteSvgSpriteWrapper(options: Options = {}): PluginOption {
         config = _config
       },
       enforce: 'pre',
-      buildStart: {
-        async handler() {
-          generateSvgSprite(resolved)
-            .then(successGeneration)
-            .catch(failGeneration)
-        },
+      async buildStart() {
+        await generateSvgSprite(resolved)
+          .then((path) => {
+            const name = basename(path)
+            const source = readFileSync(`${root}/${path}`)
+
+            this.emitFile({
+              name,
+              source,
+              type: 'asset',
+            })
+
+            successGeneration(path)
+          })
+          .catch(failGeneration)
       },
     },
     {
@@ -210,12 +221,10 @@ function ViteSvgSpriteWrapper(options: Options = {}): PluginOption {
         config = _config
       },
       enforce: 'pre',
-      buildStart: {
-        async handler() {
-          generateSvgSprite(resolved)
-            .then(successGeneration)
-            .catch(failGeneration)
-        },
+      async buildStart() {
+        await generateSvgSprite(resolved)
+          .then(successGeneration)
+          .catch(failGeneration)
       },
       config: () => ({ server: { watch: { disableGlobbing: false } } }),
       configureServer({ watcher, hot }: ViteDevServer) {