vuejs · Dec 25, 2021 · Dec 25, 2021
Showing with 28 additions and 7 deletions.

+6 −0 CHANGELOG.md

+8 −0 docs/.vitepress/config.ts

+1 −1 package.json

+13 −6 src/node/build/render.ts
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,9 @@
+## [0.20.10](https://github.com/vuejs/vitepress/compare/v0.20.9...v0.20.10) (2021-12-25)
+
+### Features
+
+- minify head inline scripts ([e61db62](https://github.com/vuejs/vitepress/commit/e61db62a1c49cb5f368a152221bfa60737dbbc6a))
+
 ## [0.20.9](https://github.com/vuejs/vitepress/compare/v0.20.8...v0.20.9) (2021-12-15)
 
 ### Features

diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -3,6 +3,14 @@ export default {
   title: 'VitePress',
   description: 'Vite & Vue powered static site generator.',
 
+  head: [
+    [
+      'script',
+      {},
+      '(() => { const afsefe = window.foo;\n    console.log(afsefe);})()'
+    ]
+  ],
+
   themeConfig: {
     repo: 'vuejs/vitepress',
     docsDir: 'docs',

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vitepress",
-  "version": "0.20.9",
+  "version": "0.20.10",
   "description": "Vite & Vue powered static site generator",
   "main": "dist/node/index.js",
   "typings": "types/index.d.ts",

diff --git a/src/node/build/render.ts b/src/node/build/render.ts
@@ -2,7 +2,7 @@ import path from 'path'
 import fs from 'fs-extra'
 import { SiteConfig, resolveSiteDataByRoute } from '../config'
 import { HeadConfig } from '../shared'
-import { normalizePath } from 'vite'
+import { normalizePath, transformWithEsbuild } from 'vite'
 import { RollupOutput, OutputChunk, OutputAsset } from 'rollup'
 import { slash } from '../utils/slash'
 import escape from 'escape-html'
@@ -121,7 +121,7 @@ export async function renderPage(
     ${stylesheetLink}
     ${preloadLinksString}
     ${prefetchLinkString}
-    ${renderHead(head)}
+    ${await renderHead(head)}
   </head>
   <body>
     <div id="app">${content}</div>
@@ -165,17 +165,24 @@ function resolvePageImports(
   ]
 }
 
-function renderHead(head: HeadConfig[]) {
-  return head
-    .map(([tag, attrs = {}, innerHTML = '']) => {
+function renderHead(head: HeadConfig[]): Promise<string> {
+  return Promise.all(
+    head.map(async ([tag, attrs = {}, innerHTML = '']) => {
       const openTag = `<${tag}${renderAttrs(attrs)}>`
       if (tag !== 'link' && tag !== 'meta') {
+        if (tag === 'script') {
+          innerHTML = (
+            await transformWithEsbuild(innerHTML, 'inline-script.js', {
+              minify: true
+            })
+          ).code.trim()
+        }
         return `${openTag}${innerHTML}</${tag}>`
       } else {
         return openTag
       }
     })
-    .join('\n    ')
+  ).then((tags) => tags.join('\n  '))
 }
 
 function renderAttrs(attrs: Record<string, string>): string {