perf(CLI): improve markdown compile performance (#12541)

packages/vant-cli/cjs/md-loader.cjs

@@ -49,13 +49,37 @@ const initMarkdownIt = () => {
 
 const md = initMarkdownIt();
 
-const markdownToVue = (raw) => {
+const markdownToJs = (raw) => {
   let html = md.render(raw);
-  html = `<div class="van-doc-markdown-body">${html}</div>`;
   html = markdownCardWrapper(html);
-  // escape curly brackets
+
-  html = html.replace(/<code(.*?)>/g, '<code$1 v-pre>');
+  return `
-  return `<template>${html}</template>`;
+  import { openBlock, createElementBlock } from 'vue';
+
+const _hoisted_1 = ['innerHTML'];
+const html = ${JSON.stringify(html)};
+
+export default {
+  setup() {
+    return { html: '' };
+  },
+  render() {
+    return (
+      openBlock(),
+      createElementBlock(
+        'div',
+        {
+          class: 'van-doc-markdown-body',
+          innerHTML: html,
+        },
+        null,
+        8 /* PROPS */,
+        _hoisted_1,
+      )
+    );
+  },
+};
+  `
 };
 
 // add target="_blank" to all links
@@ -78,5 +102,5 @@ function markdownLinkOpen(md) {
 }
 
 module.exports = function (raw) {
-  return markdownToVue(raw);
+  return markdownToJs(raw);
 };

packages/vant-cli/src/compiler/compile-site.ts

@@ -79,22 +79,8 @@ export async function compileSite(isProd = false) {
       templateParameters: getTemplateParams(),
     },
     tools: {
-      bundlerChain(chain, { CHAIN_ID }) {
+      bundlerChain(chain) {
-        const vueRule = chain.module.rules
+        chain.module.rule('md').test(/\.md$/).use('md').loader(MD_LOADER);
-          .get(CHAIN_ID.RULE.VUE)
-          .use(CHAIN_ID.USE.VUE);
-        const vueLoader = vueRule.get('loader');
-        const vueOptions = vueRule.get('options');
-
-        chain.module
-          .rule('md')
-          .test(/\.md$/)
-          .use('vue')
-          .loader(vueLoader)
-          .options(vueOptions)
-          .end()
-          .use('md')
-          .loader(MD_LOADER);
       },
       rspack: {
         plugins: [