UNPKG

@shixinde/vuepress-theme-init

Version:

### 其他开源项目

shixindea.github.io/guoguo-notes/

shixindea/guoguo-notes

29 lines (28 loc) • 8.56 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
import{_ as n,c as s,o as a,a as e}from"./app-Dx9bNbfq.js";const t={},p=e(`<h2 id="插件生命周期钩子文档" tabindex="-1"><a class="header-anchor" href="#插件生命周期钩子文档"><span>插件生命周期钩子文档</span></a></h2><p><a href="https://vitejs.cn/vite3-cn/guide/api-plugin.html#vite-specific-hooks" target="_blank" rel="noopener noreferrer">插件 API | Vite 官方中文文档</a></p><h2 id="手写插件" tabindex="-1"><a class="header-anchor" href="#手写插件"><span>手写插件</span></a></h2><blockquote><p>导入 和 引入</p></blockquote><div class="language-typescript line-numbers-mode" data-highlighter="prismjs" data-ext="ts" data-title="ts"><pre class="language-typescript"><code><span class="line"><span class="token keyword">import</span> MyVitePlugin <span class="token keyword">from</span> <span class="token string">&quot;./plugins/vite-aliases.ts&quot;</span><span class="token punctuation">;</span></span> <span class="line"></span> <span class="line"> plugins<span class="token operator">:</span> <span class="token punctuation">[</span></span> <span class="line"> <span class="token function">MyVitePlugin</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span> <span class="line"> <span class="token punctuation">]</span><span class="token punctuation">,</span></span> <span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><blockquote><p>vite-aliases.ts 文件</p></blockquote><div class="language-typescript line-numbers-mode" data-highlighter="prismjs" data-ext="ts" data-title="ts"><pre class="language-typescript"><code><span class="line"><span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">:</span> <span class="token builtin">any</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span></span> <span class="line"> <span class="token keyword">return</span> <span class="token punctuation">{</span></span> <span class="line"> <span class="token comment">/**</span> <span class="line"> * </span> <span class="line"> * @param config vite.config.ts 中写的配置会原封不动的返回</span> <span class="line"> * @param env { mode: &#39;development&#39;, command: &#39;serve&#39;,isSsrBuild: false, isPreview: false }</span> <span class="line"> * @returns Object</span> <span class="line"> */</span></span> <span class="line"> <span class="token function">config</span><span class="token punctuation">(</span>config<span class="token operator">:</span> <span class="token builtin">any</span><span class="token punctuation">,</span> env<span class="token operator">:</span> <span class="token builtin">any</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></span> <span class="line"> <span class="token comment">// console.log(&#39;😁😁😁config, env ===&gt;&#39;, config, env);</span></span> <span class="line"> <span class="token builtin">console</span><span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&#39;😁😁😁1111111111111&#39;</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span> <span class="line"> <span class="token keyword">return</span> <span class="token punctuation">{</span><span class="token punctuation">}</span></span> <span class="line"> <span class="token punctuation">}</span><span class="token punctuation">,</span></span> <span class="line"> <span class="token function">transformIndexHtml</span><span class="token punctuation">(</span>html<span class="token operator">:</span> <span class="token builtin">any</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></span> <span class="line"> <span class="token keyword">return</span> html<span class="token punctuation">.</span><span class="token function">replace</span><span class="token punctuation">(</span></span> <span class="line"> <span class="token regex"><span class="token regex-delimiter">/</span><span class="token regex-source language-regex">&lt;title&gt;(.*?)&lt;\\/title&gt;</span><span class="token regex-delimiter">/</span></span><span class="token punctuation">,</span></span> <span class="line"> <span class="token template-string"><span class="token template-punctuation string">\`</span><span class="token string">&lt;title&gt;网站标题!&lt;/title&gt;</span><span class="token template-punctuation string">\`</span></span></span> <span class="line"> <span class="token punctuation">)</span></span> <span class="line"> <span class="token punctuation">}</span></span> <span class="line"></span> <span class="line"> <span class="token punctuation">}</span></span> <span class="line"><span class="token punctuation">}</span></span> <span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="编写插件已学配置" tabindex="-1"><a class="header-anchor" href="#编写插件已学配置"><span>编写插件已学配置</span></a></h2><p><img src="https://aliyxd.oss-cn-beijing.aliyuncs.com/guoguo-notes/image-20241124094133403.png" alt="image-20241124094133403"></p>`,9),l=[p];function i(c,o){return a(),s("div",null,l)}const r=n(t,[["render",i],["__file","vite手写插件.html.vue"]]),d=JSON.parse('{"path":"/vue%E7%AC%94%E8%AE%B0%E5%8F%8A%E5%91%A8%E8%BE%B9%E7%94%9F%E6%80%81/vite%E6%89%8B%E5%86%99%E6%8F%92%E4%BB%B6.html","title":"","lang":"zh-CN","frontmatter":{},"headers":[{"level":2,"title":"插件生命周期钩子文档","slug":"插件生命周期钩子文档","link":"#插件生命周期钩子文档","children":[]},{"level":2,"title":"手写插件","slug":"手写插件","link":"#手写插件","children":[]},{"level":2,"title":"编写插件已学配置","slug":"编写插件已学配置","link":"#编写插件已学配置","children":[]}],"git":{"updatedTime":1755347964000,"contributors":[{"name":"袁果锅","email":"2914310412@qq.com","commits":1}]},"filePathRelative":"vue笔记及周边生态/vite手写插件.md","excerpt":"<h2>插件生命周期钩子文档</h2>\\n<p><a href=\\"https://vitejs.cn/vite3-cn/guide/api-plugin.html#vite-specific-hooks\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">插件 API | Vite 官方中文文档</a></p>\\n<h2>手写插件</h2>\\n<blockquote>\\n<p>导入 和 引入</p>\\n</blockquote>\\n<div class=\\"language-typescript\\" data-highlighter=\\"prismjs\\" data-ext=\\"ts\\" data-title=\\"ts\\"><pre class=\\"language-typescript\\"><code><span class=\\"line\\"><span class=\\"token keyword\\">import</span> MyVitePlugin <span class=\\"token keyword\\">from</span> <span class=\\"token string\\">\\"./plugins/vite-aliases.ts\\"</span><span class=\\"token punctuation\\">;</span></span>\\n<span class=\\"line\\"></span>\\n<span class=\\"line\\"> plugins<span class=\\"token operator\\">:</span> <span class=\\"token punctuation\\">[</span></span>\\n<span class=\\"line\\"> <span class=\\"token function\\">MyVitePlugin</span><span class=\\"token punctuation\\">(</span><span class=\\"token punctuation\\">)</span></span>\\n<span class=\\"line\\"> <span class=\\"token punctuation\\">]</span><span class=\\"token punctuation\\">,</span></span>\\n<span class=\\"line\\"></span></code></pre></div>"}');export{r as comp,d as data};