mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-06 03:59:53 +08:00
Deploying to gh-pages from @ WeBankFinTech/fes.js@cf9e7618a9 🚀
This commit is contained in:
winixt
parent
0d9cab38c5
commit
b0819910aa
404.html
assets
app.a91405c1.js
chunks
@localSearchIndexroot.6a7432a6.js@localSearchIndexroot.7458ded5.jsVPLocalSearchBox.888ce4a5.jstheme.ccc8d09f.js
guide_env.md.41fde850.jsguide_env.md.41fde850.lean.jsguide_getting-started.md.ac67d8b9.jsguide_getting-started.md.ac67d8b9.lean.jsindex.md.9756eda3.jsindex.md.9756eda3.lean.jsreference_cli_index.md.88d6551f.jsreference_cli_index.md.88d6551f.lean.jsreference_plugin_plugins_layout.md.45358f84.jsreference_plugin_plugins_layout.md.45358f84.lean.jsreference_plugin_plugins_request-4.md.9d66374b.jsreference_plugin_plugins_request-4.md.9d66374b.lean.jsreference_plugin_plugins_request.md.bfd9ee9a.jsreference_plugin_plugins_request.md.bfd9ee9a.lean.jsguide
builder.htmlconfig.htmlcontributing.htmlcss.htmldirectory-structure.htmlenv.htmlfaq.htmlgetting-started.htmlimage.htmlindex.htmlmock.htmlplugin.htmlpublic.htmlroute.htmlruntime-config.htmltemplate.htmlupgrade3.html
hashmap.jsonindex.htmlreference
4
404.html
4
404.html
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
import{_ as c,o as p,c as i,C as u,r as d,d as l,Q as s,a5 as _,u as f,q as m,k as h,a6 as v,a7 as A,a8 as g,a9 as C,aa as y,ab as P,ac as w,ad as x,ae as E,af as R,ag as b,ah as D,ai as H,M as S}from"./chunks/framework.c1e1f082.js";import{t as T}from"./chunks/theme.1f3aa5d3.js";const V={},B={class:"VPFeatures"},F={class:"vp-doc fes-home container"};function O(e,t){return p(),i("div",B,[u("div",F,[d(e.$slots,"default",{},void 0,!0)])])}const $=c(V,[["render",O],["__scopeId","data-v-0d1d9f22"]]);const j={extends:T,enhanceApp(e){e.app.component("HomeContent",$)}};function r(e){if(e.extends){const t=r(e.extends);return{...t,...e,async enhanceApp(a){t.enhanceApp&&await t.enhanceApp(a),e.enhanceApp&&await e.enhanceApp(a)}}}return e}const n=r(j),k=l({name:"VitePressApp",setup(){const{site:e}=f();return m(()=>{h(()=>{document.documentElement.lang=e.value.lang,document.documentElement.dir=e.value.dir})}),v(),A(),g(),n.setup&&n.setup(),()=>C(n.Layout)}});async function I(){const e=M(),t=L();t.provide(y,e);const a=P(e.route);return t.provide(w,a),t.component("Content",x),t.component("ClientOnly",E),Object.defineProperties(t.config.globalProperties,{$frontmatter:{get(){return a.frontmatter.value}},$params:{get(){return a.page.value.params}}}),n.enhanceApp&&await n.enhanceApp({app:t,router:e,siteData:R}),{app:t,router:e,data:a}}function L(){return b(k)}function M(){let e=s,t;return D(a=>{let o=H(a);return e&&(t=o),(e||t===o)&&(o=o.replace(/\.js$/,".lean.js")),s&&(e=!1),S(()=>import(o),[])},n.NotFound)}s&&I().then(({app:e,router:t,data:a})=>{t.go().then(()=>{_(t.route,a.site),e.mount("#app")})});export{I as createApp};
|
||||
import{_ as c,o as p,c as i,C as u,r as d,d as l,Q as s,a5 as _,u as f,q as m,k as h,a6 as v,a7 as A,a8 as g,a9 as C,aa as y,ab as P,ac as w,ad as x,ae as E,af as R,ag as b,ah as D,ai as H,M as S}from"./chunks/framework.c1e1f082.js";import{t as T}from"./chunks/theme.ccc8d09f.js";const V={},B={class:"VPFeatures"},F={class:"vp-doc fes-home container"};function O(e,t){return p(),i("div",B,[u("div",F,[d(e.$slots,"default",{},void 0,!0)])])}const $=c(V,[["render",O],["__scopeId","data-v-0d1d9f22"]]);const j={extends:T,enhanceApp(e){e.app.component("HomeContent",$)}};function r(e){if(e.extends){const t=r(e.extends);return{...t,...e,async enhanceApp(a){t.enhanceApp&&await t.enhanceApp(a),e.enhanceApp&&await e.enhanceApp(a)}}}return e}const n=r(j),k=l({name:"VitePressApp",setup(){const{site:e}=f();return m(()=>{h(()=>{document.documentElement.lang=e.value.lang,document.documentElement.dir=e.value.dir})}),v(),A(),g(),n.setup&&n.setup(),()=>C(n.Layout)}});async function I(){const e=M(),t=L();t.provide(y,e);const a=P(e.route);return t.provide(w,a),t.component("Content",x),t.component("ClientOnly",E),Object.defineProperties(t.config.globalProperties,{$frontmatter:{get(){return a.frontmatter.value}},$params:{get(){return a.page.value.params}}}),n.enhanceApp&&await n.enhanceApp({app:t,router:e,siteData:R}),{app:t,router:e,data:a}}function L(){return b(k)}function M(){let e=s,t;return D(a=>{let o=H(a);return e&&(t=o),(e||t===o)&&(o=o.replace(/\.js$/,".lean.js")),s&&(e=!1),S(()=>import(o),[])},n.NotFound)}s&&I().then(({app:e,router:t,data:a})=>{t.go().then(()=>{_(t.route,a.site),e.mount("#app")})});export{I as createApp};
|
||||
1
assets/chunks/@localSearchIndexroot.6a7432a6.js
Normal file
1
assets/chunks/@localSearchIndexroot.6a7432a6.js
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -5,15 +5,15 @@ import{o as e,c as o,C as s,b as n,a,V as p,y as l}from"./chunks/framework.c1e1f
|
||||
<span class="line"><span style="color:#FFCB6B;">mkdir</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">workspace</span></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;"># 进入目录 workspace</span></span>
|
||||
<span class="line"><span style="color:#82AAFF;">cd</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">workspace</span></span></code></pre></div><p>如果工作空间已存在，则直接进入</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 进入目录 workspace</span></span>
|
||||
<span class="line"><span style="color:#82AAFF;">cd</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">workspace</span></span></code></pre></div><h5 id="步骤-2-在工作空间创建项目" tabindex="-1">步骤 2 在工作空间创建项目 <a class="header-anchor" href="#步骤-2-在工作空间创建项目" aria-label="Permalink to "步骤 2 在工作空间创建项目""></a></h5><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-wW3ON" id="tab-nYiFCAL" checked="checked"><label for="tab-nYiFCAL">pnpm</label><input type="radio" name="group-wW3ON" id="tab-qJGibbc"><label for="tab-qJGibbc">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
<span class="line"><span style="color:#82AAFF;">cd</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">workspace</span></span></code></pre></div><h5 id="步骤-2-在工作空间创建项目" tabindex="-1">步骤 2 在工作空间创建项目 <a class="header-anchor" href="#步骤-2-在工作空间创建项目" aria-label="Permalink to "步骤 2 在工作空间创建项目""></a></h5><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-6Gq51" id="tab-VtCJHLn" checked="checked"><label for="tab-VtCJHLn">pnpm</label><input type="radio" name="group-6Gq51" id="tab-5tTMCNZ"><label for="tab-5tTMCNZ">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">create</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@fesjs/fes-app</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">myapp</span></span></code></pre></div><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">npx</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@fesjs/create-fes-app</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">myapp</span></span></code></pre></div></div></div><p>如果项目文件夹 <code>workspace/myapp</code> 已经存在，会提示目录已存在：</p>`,16),c=["src"],r=s("p",null,"你可以选择：",-1),i=s("ul",null,[s("li",null,[s("code",null,"Overwrite"),a(" 删除项目文件夹，重新创建项目。")]),s("li",null,[s("code",null,"Merge"),a(" 保留原项目文件夹，存在相同文件则用模板文件覆盖当前目录文件。")])],-1),C=s("code",null,"Overwrite",-1),y=s("code",null,"Merge",-1),d=s("code",null,"workspace/myapp",-1),A=s("code",null,"template",-1),D=["src"],h=p(`<p>你可以选默认适用于中后台前端应用的 <code>PC</code> 类型，也可以选适用于移动端的 <code>H5</code> 类型。</p><h5 id="步骤-3-安装依赖" tabindex="-1">步骤 3 安装依赖 <a class="header-anchor" href="#步骤-3-安装依赖" aria-label="Permalink to "步骤 3 安装依赖""></a></h5><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-G3hnd" id="tab-4KcvEKl" checked="checked"><label for="tab-4KcvEKl">pnpm</label><input type="radio" name="group-G3hnd" id="tab-pcl9mXR"><label for="tab-pcl9mXR">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 进入项目目录</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">npx</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@fesjs/create-fes-app</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">myapp</span></span></code></pre></div></div></div><p>如果项目文件夹 <code>workspace/myapp</code> 已经存在，会提示目录已存在：</p>`,16),c=["src"],r=s("p",null,"你可以选择：",-1),i=s("ul",null,[s("li",null,[s("code",null,"Overwrite"),a(" 删除项目文件夹，重新创建项目。")]),s("li",null,[s("code",null,"Merge"),a(" 保留原项目文件夹，存在相同文件则用模板文件覆盖当前目录文件。")])],-1),C=s("code",null,"Overwrite",-1),y=s("code",null,"Merge",-1),d=s("code",null,"workspace/myapp",-1),A=s("code",null,"template",-1),D=["src"],h=p(`<p>你可以选默认适用于中后台前端应用的 <code>PC</code> 类型，也可以选适用于移动端的 <code>H5</code> 类型。</p><h5 id="步骤-3-安装依赖" tabindex="-1">步骤 3 安装依赖 <a class="header-anchor" href="#步骤-3-安装依赖" aria-label="Permalink to "步骤 3 安装依赖""></a></h5><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-AwHiD" id="tab-hnorCCl" checked="checked"><label for="tab-hnorCCl">pnpm</label><input type="radio" name="group-AwHiD" id="tab-YSSwba2"><label for="tab-YSSwba2">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 进入项目目录</span></span>
|
||||
<span class="line"><span style="color:#82AAFF;">cd</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">myapp</span></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;"># 安装依赖</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">i</span></span></code></pre></div><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 进入项目目录</span></span>
|
||||
<span class="line"><span style="color:#82AAFF;">cd</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">myapp</span></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;"># 安装依赖</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">npm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">i</span></span></code></pre></div></div></div><h2 id="启动项目" tabindex="-1">启动项目 <a class="header-anchor" href="#启动项目" aria-label="Permalink to "启动项目""></a></h2><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-aQLfC" id="tab-_65OAFd" checked="checked"><label for="tab-_65OAFd">pnpm</label><input type="radio" name="group-aQLfC" id="tab-eVV2hIL"><label for="tab-eVV2hIL">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 开发调试</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">npm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">i</span></span></code></pre></div></div></div><h2 id="启动项目" tabindex="-1">启动项目 <a class="header-anchor" href="#启动项目" aria-label="Permalink to "启动项目""></a></h2><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-_Xksn" id="tab-qOLCvQN" checked="checked"><label for="tab-qOLCvQN">pnpm</label><input type="radio" name="group-_Xksn" id="tab-Xiv6UFt"><label for="tab-Xiv6UFt">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 开发调试</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">dev</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">run</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">v1.</span><span style="color:#F78C6C;">22.4</span></span>
|
||||
@ -32,7 +32,7 @@ import{o as e,c as o,C as s,b as n,a,V as p,y as l}from"./chunks/framework.c1e1f
|
||||
<span class="line"><span style="color:#FFCB6B;">✔</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">Webpack</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Compiled</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">successfully</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">in</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">3.66s</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">DONE</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">Compiled</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">successfully</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">in</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">3662ms</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">11</span><span style="color:#C3E88D;">:</span><span style="color:#F78C6C;">17</span><span style="color:#C3E88D;">:</span><span style="color:#F78C6C;">46</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">AM</span></span></code></pre></div></div></div><p>Fes.js 会在 <code>http://localhost:8000</code> 启动一个热重载的开发服务器。当你修改你的 .vue 文件时，浏览器中的内容也会自动更新。</p>`,6),b=["src"],u=p(`<h2 id="部署发布" tabindex="-1">部署发布 <a class="header-anchor" href="#部署发布" aria-label="Permalink to "部署发布""></a></h2><h3 id="构建" tabindex="-1">构建 <a class="header-anchor" href="#构建" aria-label="Permalink to "构建""></a></h3><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-f2dMu" id="tab-tdOIr_O" checked="checked"><label for="tab-tdOIr_O">pnpm</label><input type="radio" name="group-f2dMu" id="tab-eHjBKwT"><label for="tab-eHjBKwT">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 构建</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">DONE</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">Compiled</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">successfully</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">in</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">3662ms</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">11</span><span style="color:#C3E88D;">:</span><span style="color:#F78C6C;">17</span><span style="color:#C3E88D;">:</span><span style="color:#F78C6C;">46</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">AM</span></span></code></pre></div></div></div><p>Fes.js 会在 <code>http://localhost:8000</code> 启动一个热重载的开发服务器。当你修改你的 .vue 文件时，浏览器中的内容也会自动更新。</p>`,6),b=["src"],u=p(`<h2 id="部署发布" tabindex="-1">部署发布 <a class="header-anchor" href="#部署发布" aria-label="Permalink to "部署发布""></a></h2><h3 id="构建" tabindex="-1">构建 <a class="header-anchor" href="#构建" aria-label="Permalink to "构建""></a></h3><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-gQFLh" id="tab-711vB9V" checked="checked"><label for="tab-711vB9V">pnpm</label><input type="radio" name="group-gQFLh" id="tab-CWbrytI"><label for="tab-CWbrytI">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 构建</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">build</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">run</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">v1.</span><span style="color:#F78C6C;">22.4</span></span>
|
||||
@ -57,4 +57,4 @@ import{o as e,c as o,C as s,b as n,a,V as p,y as l}from"./chunks/framework.c1e1f
|
||||
<span class="line"><span style="color:#A6ACCD;">├── index.html</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">├── logo.png</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">└── static</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> └── logo.0f85bba0.png</span></span></code></pre></div><h3 id="本地验证" tabindex="-1">本地验证 <a class="header-anchor" href="#本地验证" aria-label="Permalink to "本地验证""></a></h3><p>发布之前，可以通过 <a href="https://github.com/vercel/serve" target="_blank" rel="noreferrer">serve</a> 做本地验证，验证结果应该跟执行 <code>fes dev</code> 的结果一样。</p><h3 id="部署" tabindex="-1">部署 <a class="header-anchor" href="#部署" aria-label="Permalink to "部署""></a></h3><p>本地验证完，就可以部署了。你需要把 dist 目录部署到服务器上。</p>`,9),_=JSON.parse('{"title":"快速上手","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md"}'),m={name:"guide/getting-started.md"},f=Object.assign(m,{setup(E){return(g,F)=>(e(),o("div",null,[t,s("img",{src:n(l)("pickTemplateTip.png"),alt:"目录已存在提示"},null,8,c),r,i,s("p",null,[a("当选择 "),C,a(" 或者 "),y,a(" 或者项目目录 "),d,a(" 不存在，会提示选取一个 "),A,a("： "),s("img",{src:n(l)("pickTemplate.png"),alt:"选择模板类型"},null,8,D)]),h,s("img",{src:n(l)("home.png"),alt:"home"},null,8,b),u]))}});export{_ as __pageData,f as default};
|
||||
<span class="line"><span style="color:#A6ACCD;"> └── logo.0f85bba0.png</span></span></code></pre></div><h3 id="本地验证" tabindex="-1">本地验证 <a class="header-anchor" href="#本地验证" aria-label="Permalink to "本地验证""></a></h3><p>发布之前，可以通过 <a href="https://github.com/vercel/serve" target="_blank" rel="noreferrer">serve</a> 做本地验证，验证结果应该跟执行 <code>fes dev</code> 的结果一样。</p><h3 id="部署" tabindex="-1">部署 <a class="header-anchor" href="#部署" aria-label="Permalink to "部署""></a></h3><p>本地验证完，就可以部署了。你需要把 dist 目录部署到服务器上。</p>`,9),_=JSON.parse('{"title":"快速上手","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md"}'),m={name:"guide/getting-started.md"},f=Object.assign(m,{setup(g){return(E,v)=>(e(),o("div",null,[t,s("img",{src:n(l)("pickTemplateTip.png"),alt:"目录已存在提示"},null,8,c),r,i,s("p",null,[a("当选择 "),C,a(" 或者 "),y,a(" 或者项目目录 "),d,a(" 不存在，会提示选取一个 "),A,a("： "),s("img",{src:n(l)("pickTemplate.png"),alt:"选择模板类型"},null,8,D)]),h,s("img",{src:n(l)("home.png"),alt:"home"},null,8,b),u]))}});export{_ as __pageData,f as default};
|
||||
2
assets/guide_getting-started.md.c352b5c1.lean.js → assets/guide_getting-started.md.ac67d8b9.lean.js
2
assets/guide_getting-started.md.c352b5c1.lean.js → assets/guide_getting-started.md.ac67d8b9.lean.js
@ -1 +1 @@
|
||||
import{o as e,c as o,C as s,b as n,a,V as p,y as l}from"./chunks/framework.c1e1f082.js";const t=p("",16),c=["src"],r=s("p",null,"你可以选择：",-1),i=s("ul",null,[s("li",null,[s("code",null,"Overwrite"),a(" 删除项目文件夹，重新创建项目。")]),s("li",null,[s("code",null,"Merge"),a(" 保留原项目文件夹，存在相同文件则用模板文件覆盖当前目录文件。")])],-1),C=s("code",null,"Overwrite",-1),y=s("code",null,"Merge",-1),d=s("code",null,"workspace/myapp",-1),A=s("code",null,"template",-1),D=["src"],h=p("",6),b=["src"],u=p("",9),_=JSON.parse('{"title":"快速上手","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md"}'),m={name:"guide/getting-started.md"},f=Object.assign(m,{setup(E){return(g,F)=>(e(),o("div",null,[t,s("img",{src:n(l)("pickTemplateTip.png"),alt:"目录已存在提示"},null,8,c),r,i,s("p",null,[a("当选择 "),C,a(" 或者 "),y,a(" 或者项目目录 "),d,a(" 不存在，会提示选取一个 "),A,a("： "),s("img",{src:n(l)("pickTemplate.png"),alt:"选择模板类型"},null,8,D)]),h,s("img",{src:n(l)("home.png"),alt:"home"},null,8,b),u]))}});export{_ as __pageData,f as default};
|
||||
import{o as e,c as o,C as s,b as n,a,V as p,y as l}from"./chunks/framework.c1e1f082.js";const t=p("",16),c=["src"],r=s("p",null,"你可以选择：",-1),i=s("ul",null,[s("li",null,[s("code",null,"Overwrite"),a(" 删除项目文件夹，重新创建项目。")]),s("li",null,[s("code",null,"Merge"),a(" 保留原项目文件夹，存在相同文件则用模板文件覆盖当前目录文件。")])],-1),C=s("code",null,"Overwrite",-1),y=s("code",null,"Merge",-1),d=s("code",null,"workspace/myapp",-1),A=s("code",null,"template",-1),D=["src"],h=p("",6),b=["src"],u=p("",9),_=JSON.parse('{"title":"快速上手","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md"}'),m={name:"guide/getting-started.md"},f=Object.assign(m,{setup(g){return(E,v)=>(e(),o("div",null,[t,s("img",{src:n(l)("pickTemplateTip.png"),alt:"目录已存在提示"},null,8,c),r,i,s("p",null,[a("当选择 "),C,a(" 或者 "),y,a(" 或者项目目录 "),d,a(" 不存在，会提示选取一个 "),A,a("： "),s("img",{src:n(l)("pickTemplate.png"),alt:"选择模板类型"},null,8,D)]),h,s("img",{src:n(l)("home.png"),alt:"home"},null,8,b),u]))}});export{_ as __pageData,f as default};
|
||||
@ -1,4 +1,4 @@
|
||||
import{_ as a,o as t,c as n,I as o,E as c,J as i,C as s,a as e}from"./chunks/framework.c1e1f082.js";const A=JSON.parse('{"title":"Fes.js","description":"","frontmatter":{"layout":"home","title":"Fes.js","hero":{"name":"Fes.js","tagline":"一个好用的前端应用解决方案","image":{"src":"/logo.png","alt":"VitePress"},"actions":[{"text":"快速上手","link":"/guide/getting-started.html","theme":"brand"},{"text":"项目简介","link":"/guide/","theme":"alt"}]},"features":[{"title":"Fast","details":"Fes.js 内置路由、构建、插件管理，提供测试、布局、权限、国际化、状态管理、请求、数据字典、SVG等插件，可以满足大部分日常开发需求。"},{"title":"Easy","details":"基于Vue.js 3.0，上手非常简单。贯彻 “约定优于配置” 思想，在设计插件上尽可能用约定替代配置，依然提供统一的插件配置入口，简单简洁又不失灵活。提供一致性的API入口，一致化的体验，学习起来更轻松。"},{"title":"Strong","details":"仅仅需要关心页面内容，减少犯错的机会！提供单元测试、覆盖测试的能力保障项目质量。"},{"title":"可扩展","details":"借鉴 UMI 实现完整的生命周期和插件化机制，插件可以管理项目的编译时和运行时，能力均可以通过插件封装进来，在 Fes.js 中协调有序的运行。"},{"title":"面向未来","details":"在满足需求的同时，我们也不会停止对新技术的探索。已使用 Vue3.0 来提升应用性能，已使用 webpack5 和 vite 提升构建性能和实现微服务。"},{"title":"令人愉悦","details":"我们的主要重点是开发人员体验。我们喜欢 Fes.js，并且会不断改进框架，所以您也喜欢它！期待有吸引力的解决方案，描述性的错误消息，强大的默认值和详细的文档。如果有问题或疑问，我们有用的社区将为您提供帮助。"}]},"headers":[],"relativePath":"index.md"}'),p={name:"index.md"},r=s("h2",{id:"像数-1-2-3-一样容易",tabindex:"-1"},[e("像数 1, 2, 3 一样容易 "),s("a",{class:"header-anchor",href:"#像数-1-2-3-一样容易","aria-label":'Permalink to "像数 1, 2, 3 一样容易"'},"")],-1),d=s("div",{class:"vp-code-group"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-8dBFz",id:"tab-KJuVmCv",checked:"checked"}),s("label",{for:"tab-KJuVmCv"},"pnpm"),s("input",{type:"radio",name:"group-8dBFz",id:"tab-z_xdrPU"}),s("label",{for:"tab-z_xdrPU"},"npm")]),s("div",{class:"blocks"},[s("div",{class:"language-bash active"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"bash"),s("pre",{class:"shiki material-theme-palenight"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 创建模板")]),e(`
|
||||
import{_ as a,o as t,c as n,I as o,E as c,J as i,C as s,a as e}from"./chunks/framework.c1e1f082.js";const A=JSON.parse('{"title":"Fes.js","description":"","frontmatter":{"layout":"home","title":"Fes.js","hero":{"name":"Fes.js","tagline":"一个好用的前端应用解决方案","image":{"src":"/logo.png","alt":"VitePress"},"actions":[{"text":"快速上手","link":"/guide/getting-started.html","theme":"brand"},{"text":"项目简介","link":"/guide/","theme":"alt"}]},"features":[{"title":"Fast","details":"Fes.js 内置路由、构建、插件管理，提供测试、布局、权限、国际化、状态管理、请求、数据字典、SVG等插件，可以满足大部分日常开发需求。"},{"title":"Easy","details":"基于Vue.js 3.0，上手非常简单。贯彻 “约定优于配置” 思想，在设计插件上尽可能用约定替代配置，依然提供统一的插件配置入口，简单简洁又不失灵活。提供一致性的API入口，一致化的体验，学习起来更轻松。"},{"title":"Strong","details":"仅仅需要关心页面内容，减少犯错的机会！提供单元测试、覆盖测试的能力保障项目质量。"},{"title":"可扩展","details":"借鉴 UMI 实现完整的生命周期和插件化机制，插件可以管理项目的编译时和运行时，能力均可以通过插件封装进来，在 Fes.js 中协调有序的运行。"},{"title":"面向未来","details":"在满足需求的同时，我们也不会停止对新技术的探索。已使用 Vue3.0 来提升应用性能，已使用 webpack5 和 vite 提升构建性能和实现微服务。"},{"title":"令人愉悦","details":"我们的主要重点是开发人员体验。我们喜欢 Fes.js，并且会不断改进框架，所以您也喜欢它！期待有吸引力的解决方案，描述性的错误消息，强大的默认值和详细的文档。如果有问题或疑问，我们有用的社区将为您提供帮助。"}]},"headers":[],"relativePath":"index.md"}'),p={name:"index.md"},r=s("h2",{id:"像数-1-2-3-一样容易",tabindex:"-1"},[e("像数 1, 2, 3 一样容易 "),s("a",{class:"header-anchor",href:"#像数-1-2-3-一样容易","aria-label":'Permalink to "像数 1, 2, 3 一样容易"'},"")],-1),d=s("div",{class:"vp-code-group"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-FYY-_",id:"tab-MpKLh9s",checked:"checked"}),s("label",{for:"tab-MpKLh9s"},"pnpm"),s("input",{type:"radio",name:"group-FYY-_",id:"tab-8ZgjNzw"}),s("label",{for:"tab-8ZgjNzw"},"npm")]),s("div",{class:"blocks"},[s("div",{class:"language-bash active"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"bash"),s("pre",{class:"shiki material-theme-palenight"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 创建模板")]),e(`
|
||||
`),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"pnpm"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"create"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"@fesjs/fes-app"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"myapp")]),e(`
|
||||
`),s("span",{class:"line"}),e(`
|
||||
`),s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 安装依赖")]),e(`
|
||||
@ -12,4 +12,4 @@ import{_ as a,o as t,c as n,I as o,E as c,J as i,C as s,a as e}from"./chunks/fra
|
||||
`),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"npm"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"install")]),e(`
|
||||
`),s("span",{class:"line"}),e(`
|
||||
`),s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 运行")]),e(`
|
||||
`),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"npm"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"run"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"dev")])])])])])],-1),y=s("h2",{id:"反馈",tabindex:"-1"},[e("反馈 "),s("a",{class:"header-anchor",href:"#反馈","aria-label":'Permalink to "反馈"'},"")],-1),C=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Github Issue"),s("th",null,"Fes.js 开源运营小助手")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("a",{href:"https://github.com/WeBankFinTech/fes.js/issues",target:"_blank",rel:"noreferrer"},"@fesjs/fes.js/issues")]),s("td",null,[s("img",{src:"https://cos-1254145788.cos.ap-guangzhou.myqcloud.com/WechatIMG104.jpeg",height:"250"})])])])],-1);function h(u,m,f,g,b,_){const l=i("HomeContent");return t(),n("div",null,[o(l,null,{default:c(()=>[r,d,y,C]),_:1})])}const D=a(p,[["render",h]]);export{A as __pageData,D as default};
|
||||
`),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"npm"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"run"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"dev")])])])])])],-1),y=s("h2",{id:"反馈",tabindex:"-1"},[e("反馈 "),s("a",{class:"header-anchor",href:"#反馈","aria-label":'Permalink to "反馈"'},"")],-1),h=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Github Issue"),s("th",null,"Fes.js 开源运营小助手")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("a",{href:"https://github.com/WeBankFinTech/fes.js/issues",target:"_blank",rel:"noreferrer"},"@fesjs/fes.js/issues")]),s("td",null,[s("img",{src:"https://cos-1254145788.cos.ap-guangzhou.myqcloud.com/WechatIMG104.jpeg",height:"250"})])])])],-1);function C(u,m,g,f,b,_){const l=i("HomeContent");return t(),n("div",null,[o(l,null,{default:c(()=>[r,d,y,h]),_:1})])}const D=a(p,[["render",C]]);export{A as __pageData,D as default};
|
||||
@ -1,4 +1,4 @@
|
||||
import{_ as a,o as t,c as n,I as o,E as c,J as i,C as s,a as e}from"./chunks/framework.c1e1f082.js";const A=JSON.parse('{"title":"Fes.js","description":"","frontmatter":{"layout":"home","title":"Fes.js","hero":{"name":"Fes.js","tagline":"一个好用的前端应用解决方案","image":{"src":"/logo.png","alt":"VitePress"},"actions":[{"text":"快速上手","link":"/guide/getting-started.html","theme":"brand"},{"text":"项目简介","link":"/guide/","theme":"alt"}]},"features":[{"title":"Fast","details":"Fes.js 内置路由、构建、插件管理，提供测试、布局、权限、国际化、状态管理、请求、数据字典、SVG等插件，可以满足大部分日常开发需求。"},{"title":"Easy","details":"基于Vue.js 3.0，上手非常简单。贯彻 “约定优于配置” 思想，在设计插件上尽可能用约定替代配置，依然提供统一的插件配置入口，简单简洁又不失灵活。提供一致性的API入口，一致化的体验，学习起来更轻松。"},{"title":"Strong","details":"仅仅需要关心页面内容，减少犯错的机会！提供单元测试、覆盖测试的能力保障项目质量。"},{"title":"可扩展","details":"借鉴 UMI 实现完整的生命周期和插件化机制，插件可以管理项目的编译时和运行时，能力均可以通过插件封装进来，在 Fes.js 中协调有序的运行。"},{"title":"面向未来","details":"在满足需求的同时，我们也不会停止对新技术的探索。已使用 Vue3.0 来提升应用性能，已使用 webpack5 和 vite 提升构建性能和实现微服务。"},{"title":"令人愉悦","details":"我们的主要重点是开发人员体验。我们喜欢 Fes.js，并且会不断改进框架，所以您也喜欢它！期待有吸引力的解决方案，描述性的错误消息，强大的默认值和详细的文档。如果有问题或疑问，我们有用的社区将为您提供帮助。"}]},"headers":[],"relativePath":"index.md"}'),p={name:"index.md"},r=s("h2",{id:"像数-1-2-3-一样容易",tabindex:"-1"},[e("像数 1, 2, 3 一样容易 "),s("a",{class:"header-anchor",href:"#像数-1-2-3-一样容易","aria-label":'Permalink to "像数 1, 2, 3 一样容易"'},"")],-1),d=s("div",{class:"vp-code-group"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-8dBFz",id:"tab-KJuVmCv",checked:"checked"}),s("label",{for:"tab-KJuVmCv"},"pnpm"),s("input",{type:"radio",name:"group-8dBFz",id:"tab-z_xdrPU"}),s("label",{for:"tab-z_xdrPU"},"npm")]),s("div",{class:"blocks"},[s("div",{class:"language-bash active"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"bash"),s("pre",{class:"shiki material-theme-palenight"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 创建模板")]),e(`
|
||||
import{_ as a,o as t,c as n,I as o,E as c,J as i,C as s,a as e}from"./chunks/framework.c1e1f082.js";const A=JSON.parse('{"title":"Fes.js","description":"","frontmatter":{"layout":"home","title":"Fes.js","hero":{"name":"Fes.js","tagline":"一个好用的前端应用解决方案","image":{"src":"/logo.png","alt":"VitePress"},"actions":[{"text":"快速上手","link":"/guide/getting-started.html","theme":"brand"},{"text":"项目简介","link":"/guide/","theme":"alt"}]},"features":[{"title":"Fast","details":"Fes.js 内置路由、构建、插件管理，提供测试、布局、权限、国际化、状态管理、请求、数据字典、SVG等插件，可以满足大部分日常开发需求。"},{"title":"Easy","details":"基于Vue.js 3.0，上手非常简单。贯彻 “约定优于配置” 思想，在设计插件上尽可能用约定替代配置，依然提供统一的插件配置入口，简单简洁又不失灵活。提供一致性的API入口，一致化的体验，学习起来更轻松。"},{"title":"Strong","details":"仅仅需要关心页面内容，减少犯错的机会！提供单元测试、覆盖测试的能力保障项目质量。"},{"title":"可扩展","details":"借鉴 UMI 实现完整的生命周期和插件化机制，插件可以管理项目的编译时和运行时，能力均可以通过插件封装进来，在 Fes.js 中协调有序的运行。"},{"title":"面向未来","details":"在满足需求的同时，我们也不会停止对新技术的探索。已使用 Vue3.0 来提升应用性能，已使用 webpack5 和 vite 提升构建性能和实现微服务。"},{"title":"令人愉悦","details":"我们的主要重点是开发人员体验。我们喜欢 Fes.js，并且会不断改进框架，所以您也喜欢它！期待有吸引力的解决方案，描述性的错误消息，强大的默认值和详细的文档。如果有问题或疑问，我们有用的社区将为您提供帮助。"}]},"headers":[],"relativePath":"index.md"}'),p={name:"index.md"},r=s("h2",{id:"像数-1-2-3-一样容易",tabindex:"-1"},[e("像数 1, 2, 3 一样容易 "),s("a",{class:"header-anchor",href:"#像数-1-2-3-一样容易","aria-label":'Permalink to "像数 1, 2, 3 一样容易"'},"")],-1),d=s("div",{class:"vp-code-group"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-FYY-_",id:"tab-MpKLh9s",checked:"checked"}),s("label",{for:"tab-MpKLh9s"},"pnpm"),s("input",{type:"radio",name:"group-FYY-_",id:"tab-8ZgjNzw"}),s("label",{for:"tab-8ZgjNzw"},"npm")]),s("div",{class:"blocks"},[s("div",{class:"language-bash active"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"bash"),s("pre",{class:"shiki material-theme-palenight"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 创建模板")]),e(`
|
||||
`),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"pnpm"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"create"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"@fesjs/fes-app"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"myapp")]),e(`
|
||||
`),s("span",{class:"line"}),e(`
|
||||
`),s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 安装依赖")]),e(`
|
||||
@ -12,4 +12,4 @@ import{_ as a,o as t,c as n,I as o,E as c,J as i,C as s,a as e}from"./chunks/fra
|
||||
`),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"npm"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"install")]),e(`
|
||||
`),s("span",{class:"line"}),e(`
|
||||
`),s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 运行")]),e(`
|
||||
`),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"npm"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"run"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"dev")])])])])])],-1),y=s("h2",{id:"反馈",tabindex:"-1"},[e("反馈 "),s("a",{class:"header-anchor",href:"#反馈","aria-label":'Permalink to "反馈"'},"")],-1),C=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Github Issue"),s("th",null,"Fes.js 开源运营小助手")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("a",{href:"https://github.com/WeBankFinTech/fes.js/issues",target:"_blank",rel:"noreferrer"},"@fesjs/fes.js/issues")]),s("td",null,[s("img",{src:"https://cos-1254145788.cos.ap-guangzhou.myqcloud.com/WechatIMG104.jpeg",height:"250"})])])])],-1);function h(u,m,f,g,b,_){const l=i("HomeContent");return t(),n("div",null,[o(l,null,{default:c(()=>[r,d,y,C]),_:1})])}const D=a(p,[["render",h]]);export{A as __pageData,D as default};
|
||||
`),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"npm"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"run"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C3E88D"}},"dev")])])])])])],-1),y=s("h2",{id:"反馈",tabindex:"-1"},[e("反馈 "),s("a",{class:"header-anchor",href:"#反馈","aria-label":'Permalink to "反馈"'},"")],-1),h=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Github Issue"),s("th",null,"Fes.js 开源运营小助手")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("a",{href:"https://github.com/WeBankFinTech/fes.js/issues",target:"_blank",rel:"noreferrer"},"@fesjs/fes.js/issues")]),s("td",null,[s("img",{src:"https://cos-1254145788.cos.ap-guangzhou.myqcloud.com/WechatIMG104.jpeg",height:"250"})])])])],-1);function C(u,m,g,f,b,_){const l=i("HomeContent");return t(),n("div",null,[o(l,null,{default:c(()=>[r,d,y,h]),_:1})])}const D=a(p,[["render",C]]);export{A as __pageData,D as default};
|
||||
@ -4,7 +4,7 @@ import{_ as s,o as a,c as n,V as e}from"./chunks/framework.c1e1f082.js";const h=
|
||||
<span class="line"><span style="color:#A6ACCD;"> -v, --version Output the current version</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> -h, --help Display help for command</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> -f, --force Overwrite target directory if it exists</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> -m, --merge Merge target directory if it exists</span></span></code></pre></div><p>可以在本机安装后使用：</p><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-IUZ1I" id="tab-7Sowdmj" checked="checked"><label for="tab-7Sowdmj">pnpm</label><input type="radio" name="group-IUZ1I" id="tab-EPzRg5u"><label for="tab-EPzRg5u">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 全局安装</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> -m, --merge Merge target directory if it exists</span></span></code></pre></div><p>可以在本机安装后使用：</p><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-b1qHA" id="tab-ybzkLre" checked="checked"><label for="tab-ybzkLre">pnpm</label><input type="radio" name="group-b1qHA" id="tab-d_rRxOO"><label for="tab-d_rRxOO">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 全局安装</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">global</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">add</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@fesjs/create-fes-app</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
@ -12,7 +12,7 @@ import{_ as s,o as a,c as n,V as e}from"./chunks/framework.c1e1f082.js";const h=
|
||||
<span class="line"><span style="color:#FFCB6B;">npm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">i</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">-g</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@fesjs/create-fes-app</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">create-fes-app</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">fes-app</span></span></code></pre></div></div></div><p>推荐使用 <code>pnpm create</code> 和 <code>npx</code> 方式创建模板，一直使用最新的模板：</p><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-Isbg9" id="tab-mPtY2EH" checked="checked"><label for="tab-mPtY2EH">pnpm</label><input type="radio" name="group-Isbg9" id="tab-t_rMw0h"><label for="tab-t_rMw0h">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">create-fes-app</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">fes-app</span></span></code></pre></div></div></div><p>推荐使用 <code>pnpm create</code> 和 <code>npx</code> 方式创建模板，一直使用最新的模板：</p><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-bJGtX" id="tab-Fy2sHSA" checked="checked"><label for="tab-Fy2sHSA">pnpm</label><input type="radio" name="group-bJGtX" id="tab-sum5-5s"><label for="tab-sum5-5s">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">create</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@fesjs/fes-app</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">myapp</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;"># 安装依赖</span></span>
|
||||
@ -3,7 +3,7 @@ import{o as p,c as e,C as s,b as a,V as o,a as l,y as n}from"./chunks/framework.
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#FFCB6B;">@fesjs/fes</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">^3.0.0</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#FFCB6B;">@fesjs/plugin-layout</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">^5.0.0</span><span style="color:#89DDFF;">"</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span></code></pre></div><h2 id="布局类型" tabindex="-1">布局类型 <a class="header-anchor" href="#布局类型" aria-label="Permalink to "布局类型""></a></h2><p>配置参数是 <code>navigation</code>, 布局有三种类型 <code>side</code>、<code>mixin</code> 、<code>top</code> 和 <code>left-right</code>， 默认是 <code>side</code>。</p><h3 id="side" tabindex="-1">side <a class="header-anchor" href="#side" aria-label="Permalink to "side""></a></h3>`,10),c=["src"],r=s("h3",{id:"top",tabindex:"-1"},[l("top "),s("a",{class:"header-anchor",href:"#top","aria-label":'Permalink to "top"'},"")],-1),i=["src"],D=s("h3",{id:"mixin",tabindex:"-1"},[l("mixin "),s("a",{class:"header-anchor",href:"#mixin","aria-label":'Permalink to "mixin"'},"")],-1),F=["src"],y=s("h3",{id:"left-right",tabindex:"-1"},[l("left-right "),s("a",{class:"header-anchor",href:"#left-right","aria-label":'Permalink to "left-right"'},"")],-1),d=["src"],C=o(`<h3 id="页面个性化" tabindex="-1">页面个性化 <a class="header-anchor" href="#页面个性化" aria-label="Permalink to "页面个性化""></a></h3><p>可以为页面单独设置布局类型：</p><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">defineRouteMeta</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">@fesjs/fes</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span></code></pre></div><h2 id="布局类型" tabindex="-1">布局类型 <a class="header-anchor" href="#布局类型" aria-label="Permalink to "布局类型""></a></h2><p>配置参数是 <code>navigation</code>, 布局有三种类型 <code>side</code>、<code>mixin</code> 、<code>top</code> 和 <code>left-right</code>， 默认是 <code>side</code>。</p><h3 id="side" tabindex="-1">side <a class="header-anchor" href="#side" aria-label="Permalink to "side""></a></h3>`,10),c=["src"],r=s("h3",{id:"top",tabindex:"-1"},[l("top "),s("a",{class:"header-anchor",href:"#top","aria-label":'Permalink to "top"'},"")],-1),i=["src"],D=s("h3",{id:"mixin",tabindex:"-1"},[l("mixin "),s("a",{class:"header-anchor",href:"#mixin","aria-label":'Permalink to "mixin"'},"")],-1),F=["src"],y=s("h3",{id:"left-right",tabindex:"-1"},[l("left-right "),s("a",{class:"header-anchor",href:"#left-right","aria-label":'Permalink to "left-right"'},"")],-1),C=["src"],d=o(`<h3 id="页面个性化" tabindex="-1">页面个性化 <a class="header-anchor" href="#页面个性化" aria-label="Permalink to "页面个性化""></a></h3><p>可以为页面单独设置布局类型：</p><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">defineRouteMeta</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">@fesjs/fes</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#82AAFF;">defineRouteMeta</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">layout</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
@ -65,7 +65,9 @@ import{o as p,c as e,C as s,b as a,V as o,a as l,y as n}from"./chunks/framework.
|
||||
<span class="line"><span style="color:#F07178;"> )</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">return</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">menusRef</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre></div><p>最终配置结果是运行时配置跟编译时配置合并的结果，运行时配置优先于编译时配置。</p><p>实际上运行配置能做的事情更多，推荐用运行时配置方式。</p><h3 id="footer" tabindex="-1">footer <a class="header-anchor" href="#footer" aria-label="Permalink to "footer""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：<code>null</code></p></li><li><p><strong>详情</strong>：页面底部的文字。</p></li></ul><h3 id="theme" tabindex="-1">theme <a class="header-anchor" href="#theme" aria-label="Permalink to "theme""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：<code>dark</code></p></li><li><p><strong>详情</strong>：主题，可选有 <code>dark</code>、<code>light</code></p></li></ul><h3 id="navigation" tabindex="-1">navigation <a class="header-anchor" href="#navigation" aria-label="Permalink to "navigation""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：<code>side</code></p></li><li><p><strong>详情</strong>：页面布局类型，可选有 <code>side</code>、 <code>top</code>、 <code>mixin</code></p></li></ul><h3 id="isfixedheader" tabindex="-1">isFixedHeader <a class="header-anchor" href="#isfixedheader" aria-label="Permalink to "isFixedHeader""></a></h3><ul><li><p><strong>类型</strong>：<code>Boolean</code></p></li><li><p><strong>默认值</strong>：<code>false</code></p></li><li><p><strong>详情</strong>：是否固定头部，不跟随页面滚动。</p></li></ul><h3 id="isfixedsidebar" tabindex="-1">isFixedSidebar <a class="header-anchor" href="#isfixedsidebar" aria-label="Permalink to "isFixedSidebar""></a></h3><ul><li><p><strong>类型</strong>：<code>Boolean</code></p></li><li><p><strong>默认值</strong>：<code>true</code></p></li><li><p><strong>详情</strong>：是否固定 sidebar，不跟随页面滚动。</p></li></ul><h3 id="title" tabindex="-1">title <a class="header-anchor" href="#title" aria-label="Permalink to "title""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：默认为 <a href="./../../../reference/config/#title">编译时配置 title</a></p></li><li><p><strong>详情</strong>：产品名。</p></li></ul><h3 id="logo" tabindex="-1">logo <a class="header-anchor" href="#logo" aria-label="Permalink to "logo""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：默认提供 <code>fes.js</code> 的 Logo</p></li><li><p><strong>详情</strong>：Logo 的链接</p></li></ul><h3 id="multitabs" tabindex="-1">multiTabs <a class="header-anchor" href="#multitabs" aria-label="Permalink to "multiTabs""></a></h3><ul><li><p><strong>类型</strong>：<code>boolean</code></p></li><li><p><strong>默认值</strong>：<code>false</code></p></li><li><p><strong>详情</strong>：是否开启多页。</p></li></ul><h3 id="menus" tabindex="-1">menus <a class="header-anchor" href="#menus" aria-label="Permalink to "menus""></a></h3><ul><li><p><strong>类型</strong>：<code>[] | () => Ref<[]> | () => []</code></p></li><li><p><strong>默认值</strong>：<code>[]</code></p></li><li><p><strong>详情</strong>：菜单配置</p><p>子项具体配置如下：</p><ul><li><p><strong>name</strong>：菜单的名称。通过匹配 <code>name</code> 和路由元信息 <a href="./../../../guide/route.html#扩展路由元信息">meta</a> 中的 <code>name</code>，把菜单和路由关联起来，\b 然后使用路由元信息补充菜单配置，比如 <code>title</code>、<code>path</code> \b 等。</p></li><li><p><strong>path</strong>：菜单的路径，可配置第三方地址。</p></li><li><p><strong>match (v4.0.0+）</strong>：额外匹配的路径，当前路由命中匹配规则时，此菜单高亮。</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre></div><p>最终配置结果是运行时配置跟编译时配置合并的结果，运行时配置优先于编译时配置。</p><p>实际上运行配置能做的事情更多，推荐用运行时配置方式。</p><h3 id="footer" tabindex="-1">footer <a class="header-anchor" href="#footer" aria-label="Permalink to "footer""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：<code>null</code></p></li><li><p><strong>详情</strong>：页面底部的文字。</p></li></ul><h3 id="theme" tabindex="-1">theme <a class="header-anchor" href="#theme" aria-label="Permalink to "theme""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：<code>dark</code></p></li><li><p><strong>详情</strong>：主题，可选有 <code>dark</code>、<code>light</code></p></li></ul><h3 id="navigation" tabindex="-1">navigation <a class="header-anchor" href="#navigation" aria-label="Permalink to "navigation""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：<code>side</code></p></li><li><p><strong>详情</strong>：页面布局类型，可选有 <code>side</code>、 <code>top</code>、 <code>mixin</code></p></li></ul><h3 id="isfixedheader" tabindex="-1">isFixedHeader <a class="header-anchor" href="#isfixedheader" aria-label="Permalink to "isFixedHeader""></a></h3><ul><li><p><strong>类型</strong>：<code>Boolean</code></p></li><li><p><strong>默认值</strong>：<code>false</code></p></li><li><p><strong>详情</strong>：是否固定头部，不跟随页面滚动。</p></li></ul><h3 id="isfixedsidebar" tabindex="-1">isFixedSidebar <a class="header-anchor" href="#isfixedsidebar" aria-label="Permalink to "isFixedSidebar""></a></h3><ul><li><p><strong>类型</strong>：<code>Boolean</code></p></li><li><p><strong>默认值</strong>：<code>true</code></p></li><li><p><strong>详情</strong>：是否固定 sidebar，不跟随页面滚动。</p></li></ul><h3 id="title" tabindex="-1">title <a class="header-anchor" href="#title" aria-label="Permalink to "title""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：默认为 <a href="./../../../reference/config/#title">编译时配置 title</a></p></li><li><p><strong>详情</strong>：产品名。</p></li></ul><h3 id="logo" tabindex="-1">logo <a class="header-anchor" href="#logo" aria-label="Permalink to "logo""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：默认提供 <code>fes.js</code> 的 Logo</p></li><li><p><strong>详情</strong>：Logo 的链接，例如在 public/logo.png 放了一个 logo，可以这么配置(<a href="./../../../guide/env.html#process-env">BASE_URL 来自这里</a>)</p></li></ul><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> layout </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">logo</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">\`\${</span><span style="color:#A6ACCD;">process</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">env</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">BASE_URL</span><span style="color:#89DDFF;">}</span><span style="color:#C3E88D;">logo.png</span><span style="color:#89DDFF;">\`</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span></code></pre></div><h3 id="multitabs" tabindex="-1">multiTabs <a class="header-anchor" href="#multitabs" aria-label="Permalink to "multiTabs""></a></h3><ul><li><p><strong>类型</strong>：<code>boolean</code></p></li><li><p><strong>默认值</strong>：<code>false</code></p></li><li><p><strong>详情</strong>：是否开启多页。</p></li></ul><h3 id="menus" tabindex="-1">menus <a class="header-anchor" href="#menus" aria-label="Permalink to "menus""></a></h3><ul><li><p><strong>类型</strong>：<code>[] | () => Ref<[]> | () => []</code></p></li><li><p><strong>默认值</strong>：<code>[]</code></p></li><li><p><strong>详情</strong>：菜单配置</p><p>子项具体配置如下：</p><ul><li><p><strong>name</strong>：菜单的名称。通过匹配 <code>name</code> 和路由元信息 <a href="./../../../guide/route.html#扩展路由元信息">meta</a> 中的 <code>name</code>，把菜单和路由关联起来，\b 然后使用路由元信息补充菜单配置，比如 <code>title</code>、<code>path</code> \b 等。</p></li><li><p><strong>path</strong>：菜单的路径，可配置第三方地址。</p></li><li><p><strong>match (v4.0.0+）</strong>：额外匹配的路径，当前路由命中匹配规则时，此菜单高亮。</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> path: '/product',</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> match: ['/product/*', '/product/create']</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">}</span></span></code></pre></div></li><li><p><strong>title</strong>：菜单的标题。</p><ul><li><p>如果同时使用<a href="./locale.html">国际化插件</a>，而且<code>title</code>的值以<code>$</code>开头，则使用<code>$</code>后面的内容去匹配语言设置。</p></li><li><p>title 支持配置函数，对应 Fes Design 中 Menu 组件的<code>label</code>插槽。仅在运行时配置中支持。</p></li></ul></li><li><p><strong>icon</strong>: 菜单的图标，只一级标题展示图标。</p><ul><li><p>图标使用<a href="https://fes-design-4gvn317r3b6bfe17-1254145788.ap-shanghai.app.tcloudbase.com/zh/components/icon.html" target="_blank" rel="noreferrer">fes-design icon</a>，编译时配置使用组件名称，我们会自动引入组件。</p></li><li><p>图标使用本地或者远程 svg 图片。</p><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">{</span></span>
|
||||
@ -97,4 +99,4 @@ import{o as p,c as e,C as s,b as a,V as o,a as l,y as n}from"./chunks/framework.
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;">//如果要更新</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">titleRef</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">value </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">changed</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span></code></pre></div><h2 id="_4-x-升级到-5-x" tabindex="-1">4.x 升级到 5.x <a class="header-anchor" href="#_4-x-升级到-5-x" aria-label="Permalink to "4.x 升级到 5.x""></a></h2><ol><li>个性化 layout 配置改为使用传入 navigation</li><li>customHeader 改为 renderCustom</li><li>fixedHeader 改为 isFixedHeader</li><li>menusConfig 改为 menuProps</li><li>fixedSideBar 改为 isFixedSidebar</li><li>去掉运行时 logo、header、sidebar 三个区域显示配置，请改为使用 navigation: left-right</li></ol>`,62),m=JSON.parse('{"title":"@fesjs/plugin-layout","description":"","frontmatter":{},"headers":[],"relativePath":"reference/plugin/plugins/layout.md"}'),A={name:"reference/plugin/plugins/layout.md"},b=Object.assign(A,{setup(u){return(g,h)=>(p(),e("div",null,[t,s("img",{src:a(n)("side.png"),alt:"side"},null,8,c),r,s("img",{src:a(n)("top.png"),alt:"top"},null,8,i),D,s("img",{src:a(n)("mixin.png"),alt:"mixin"},null,8,F),y,s("img",{src:a(n)("left-right.png"),alt:"left-right"},null,8,d),C]))}});export{m as __pageData,b as default};
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span></code></pre></div><h2 id="_4-x-升级到-5-x" tabindex="-1">4.x 升级到 5.x <a class="header-anchor" href="#_4-x-升级到-5-x" aria-label="Permalink to "4.x 升级到 5.x""></a></h2><ol><li>个性化 layout 配置改为使用传入 navigation</li><li>customHeader 改为 renderCustom</li><li>fixedHeader 改为 isFixedHeader</li><li>menusConfig 改为 menuProps</li><li>fixedSideBar 改为 isFixedSidebar</li><li>去掉运行时 logo、header、sidebar 三个区域显示配置，请改为使用 navigation: left-right</li></ol>`,63),m=JSON.parse('{"title":"@fesjs/plugin-layout","description":"","frontmatter":{},"headers":[],"relativePath":"reference/plugin/plugins/layout.md"}'),A={name:"reference/plugin/plugins/layout.md"},b=Object.assign(A,{setup(u){return(g,h)=>(p(),e("div",null,[t,s("img",{src:a(n)("side.png"),alt:"side"},null,8,c),r,s("img",{src:a(n)("top.png"),alt:"top"},null,8,i),D,s("img",{src:a(n)("mixin.png"),alt:"mixin"},null,8,F),y,s("img",{src:a(n)("left-right.png"),alt:"left-right"},null,8,C),d]))}});export{m as __pageData,b as default};
|
||||
@ -1 +1 @@
|
||||
import{o as p,c as e,C as s,b as a,V as o,a as l,y as n}from"./chunks/framework.c1e1f082.js";const t=o("",10),c=["src"],r=s("h3",{id:"top",tabindex:"-1"},[l("top "),s("a",{class:"header-anchor",href:"#top","aria-label":'Permalink to "top"'},"")],-1),i=["src"],D=s("h3",{id:"mixin",tabindex:"-1"},[l("mixin "),s("a",{class:"header-anchor",href:"#mixin","aria-label":'Permalink to "mixin"'},"")],-1),F=["src"],y=s("h3",{id:"left-right",tabindex:"-1"},[l("left-right "),s("a",{class:"header-anchor",href:"#left-right","aria-label":'Permalink to "left-right"'},"")],-1),d=["src"],C=o("",62),m=JSON.parse('{"title":"@fesjs/plugin-layout","description":"","frontmatter":{},"headers":[],"relativePath":"reference/plugin/plugins/layout.md"}'),A={name:"reference/plugin/plugins/layout.md"},b=Object.assign(A,{setup(u){return(g,h)=>(p(),e("div",null,[t,s("img",{src:a(n)("side.png"),alt:"side"},null,8,c),r,s("img",{src:a(n)("top.png"),alt:"top"},null,8,i),D,s("img",{src:a(n)("mixin.png"),alt:"mixin"},null,8,F),y,s("img",{src:a(n)("left-right.png"),alt:"left-right"},null,8,d),C]))}});export{m as __pageData,b as default};
|
||||
import{o as p,c as e,C as s,b as a,V as o,a as l,y as n}from"./chunks/framework.c1e1f082.js";const t=o("",10),c=["src"],r=s("h3",{id:"top",tabindex:"-1"},[l("top "),s("a",{class:"header-anchor",href:"#top","aria-label":'Permalink to "top"'},"")],-1),i=["src"],D=s("h3",{id:"mixin",tabindex:"-1"},[l("mixin "),s("a",{class:"header-anchor",href:"#mixin","aria-label":'Permalink to "mixin"'},"")],-1),F=["src"],y=s("h3",{id:"left-right",tabindex:"-1"},[l("left-right "),s("a",{class:"header-anchor",href:"#left-right","aria-label":'Permalink to "left-right"'},"")],-1),C=["src"],d=o("",63),m=JSON.parse('{"title":"@fesjs/plugin-layout","description":"","frontmatter":{},"headers":[],"relativePath":"reference/plugin/plugins/layout.md"}'),A={name:"reference/plugin/plugins/layout.md"},b=Object.assign(A,{setup(u){return(g,h)=>(p(),e("div",null,[t,s("img",{src:a(n)("side.png"),alt:"side"},null,8,c),r,s("img",{src:a(n)("top.png"),alt:"top"},null,8,i),D,s("img",{src:a(n)("mixin.png"),alt:"mixin"},null,8,F),y,s("img",{src:a(n)("left-right.png"),alt:"left-right"},null,8,C),d]))}});export{m as __pageData,b as default};
|
||||
@ -1,4 +1,4 @@
|
||||
import{_ as s,o as a,c as n,V as l}from"./chunks/framework.c1e1f082.js";const i=JSON.parse('{"title":"@fesjs/plugin-request","description":"","frontmatter":{},"headers":[],"relativePath":"reference/plugin/plugins/request.md"}'),p={name:"reference/plugin/plugins/request.md"},o=l(`<h1 id="fesjs-plugin-request" tabindex="-1">@fesjs/plugin-request <a class="header-anchor" href="#fesjs-plugin-request" aria-label="Permalink to "@fesjs/plugin-request""></a></h1><p>基于 fetch 封装的 request，内置防止重复请求、请求缓存、错误处理等功能。</p><h2 id="启用方式" tabindex="-1">启用方式 <a class="header-anchor" href="#启用方式" aria-label="Permalink to "启用方式""></a></h2><p>在 <code>package.json</code> 中引入依赖：</p><div class="language-json"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">{</span></span>
|
||||
import{_ as s,o as a,c as n,V as l}from"./chunks/framework.c1e1f082.js";const i=JSON.parse('{"title":"@fesjs/plugin-request","description":"","frontmatter":{},"headers":[],"relativePath":"reference/plugin/plugins/request-4.md"}'),p={name:"reference/plugin/plugins/request-4.md"},o=l(`<h1 id="fesjs-plugin-request" tabindex="-1">@fesjs/plugin-request <a class="header-anchor" href="#fesjs-plugin-request" aria-label="Permalink to "@fesjs/plugin-request""></a></h1><p>基于 fetch 封装的 request，内置防止重复请求、请求缓存、错误处理等功能。</p><h2 id="启用方式" tabindex="-1">启用方式 <a class="header-anchor" href="#启用方式" aria-label="Permalink to "启用方式""></a></h2><p>在 <code>package.json</code> 中引入依赖：</p><div class="language-json"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">dependencies</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#FFCB6B;">@fesjs/fes</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">^3.0.0</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#FFCB6B;">@fesjs/plugin-request</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">^4.0.0-beta.0</span><span style="color:#89DDFF;">"</span></span>
|
||||
@ -0,0 +1 @@
|
||||
import{_ as s,o as a,c as n,V as l}from"./chunks/framework.c1e1f082.js";const i=JSON.parse('{"title":"@fesjs/plugin-request","description":"","frontmatter":{},"headers":[],"relativePath":"reference/plugin/plugins/request-4.md"}'),p={name:"reference/plugin/plugins/request-4.md"},o=l("",31),e=[o];function t(c,r,D,y,F,A){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{i as __pageData,d as default};
|
||||
117
assets/reference_plugin_plugins_request.md.bfd9ee9a.js
Normal file
117
assets/reference_plugin_plugins_request.md.bfd9ee9a.js
Normal file
@ -0,0 +1,117 @@
|
||||
import{_ as s,o as n,c as a,V as l}from"./chunks/framework.c1e1f082.js";const i=JSON.parse('{"title":"@fesjs/plugin-request","description":"","frontmatter":{},"headers":[],"relativePath":"reference/plugin/plugins/request.md"}'),p={name:"reference/plugin/plugins/request.md"},o=l(`<h1 id="fesjs-plugin-request" tabindex="-1">@fesjs/plugin-request <a class="header-anchor" href="#fesjs-plugin-request" aria-label="Permalink to "@fesjs/plugin-request""></a></h1><p>基于 axios 封装的 request，内置防止重复请求、请求缓存、错误处理等功能。</p><p><a href="./request-4.html">4.x 版本请点击</a></p><h2 id="启用方式" tabindex="-1">启用方式 <a class="header-anchor" href="#启用方式" aria-label="Permalink to "启用方式""></a></h2><p>在 <code>package.json</code> 中引入依赖：</p><div class="language-json"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">dependencies</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#FFCB6B;">@fesjs/fes</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">^3.0.0</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#FFCB6B;">@fesjs/plugin-request</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">^3.0.0</span><span style="color:#89DDFF;">"</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span></code></pre></div><h2 id="运行时配置" tabindex="-1">运行时配置 <a class="header-anchor" href="#运行时配置" aria-label="Permalink to "运行时配置""></a></h2><p>入口文件的全局配置，具体请求的配置参数会覆盖全局配置，支持 <a href="https://axios-http.com/zh/docs/req_config" target="_blank" rel="noreferrer">axios</a> 所有的参数。</p><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">defineRuntimeConfig</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">@fesjs/fes</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#89DDFF;font-style:italic;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">default</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">defineRuntimeConfig</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">request</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// API 前缀</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">baseURL</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">''</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">dataHandler</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">data</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#A6ACCD;font-style:italic;">response</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 处理响应内容异常</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">if</span><span style="color:#F07178;"> (</span><span style="color:#A6ACCD;">data</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">code</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">!==</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">0</span><span style="color:#89DDFF;">'</span><span style="color:#F07178;">) </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">if</span><span style="color:#F07178;"> (</span><span style="color:#A6ACCD;">data</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">code</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">===</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">10000</span><span style="color:#89DDFF;">'</span><span style="color:#F07178;">) </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">FMesseage</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">error</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">hello world</span><span style="color:#89DDFF;">'</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">if</span><span style="color:#F07178;"> (</span><span style="color:#A6ACCD;">data</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">code</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">===</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">20000</span><span style="color:#89DDFF;">'</span><span style="color:#F07178;">) </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">FMesseage</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">error</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">hello world</span><span style="color:#89DDFF;">'</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">throw</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">new</span><span style="color:#F07178;"> </span><span style="color:#82AAFF;">Error</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">response</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 响应数据格式化</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">return</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">data</span><span style="color:#89DDFF;">?.</span><span style="color:#A6ACCD;">result</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">?</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">data</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">result</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">data</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// http 异常，和插件异常</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">errorHandler</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">error</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">if</span><span style="color:#F07178;"> (</span><span style="color:#A6ACCD;">error</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">response</span><span style="color:#F07178;">) </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 请求成功发出且服务器也响应了状态码，但状态代码超出了 2xx 的范围</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">error</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">response</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">data</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">error</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">response</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">status</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">error</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">response</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">headers</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">else</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">if</span><span style="color:#F07178;"> (</span><span style="color:#A6ACCD;">error</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">request</span><span style="color:#F07178;">) </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 请求已经成功发起，但没有收到响应</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// \`error.request\` 在浏览器中是 XMLHttpRequest 的实例，</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 而在node.js中是 http.ClientRequest 的实例</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">error</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">request</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">else</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">if</span><span style="color:#F07178;"> (</span><span style="color:#A6ACCD;">error</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">type</span><span style="color:#F07178;">) </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 插件异常</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">error</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">msg</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">else</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 发送请求时出了点问题</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">Error</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">error</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">message</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">error</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">config</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 请求拦截器</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">requestInterceptors</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> []</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 响应拦截器</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">responseInterceptors</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> []</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 支持其他 axios 配置</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">...</span><span style="color:#A6ACCD;">otherConfigs</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre></div><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to "API""></a></h2><h3 id="request" tabindex="-1">request <a class="header-anchor" href="#request" aria-label="Permalink to "request""></a></h3><ul><li><p><strong>类型</strong>：函数</p></li><li><p><strong>详情</strong>：请求后端接口</p></li><li><p><strong>参数</strong>：</p><ul><li>url: 后端接口 url</li><li>data: 参数</li><li>options: 配置支持 <a href="https://axios-http.com/zh/docs/req_config" target="_blank" rel="noreferrer">axios</a> 所有的参数，和插件扩展参数。</li></ul></li><li><p><strong>返回值</strong>: Promise</p></li></ul><h3 id="userequest" tabindex="-1">useRequest <a class="header-anchor" href="#userequest" aria-label="Permalink to "useRequest""></a></h3><p>request 的封装，返回响应式 <code>loading</code>、<code>error</code>、 <code>data</code></p><h2 id="使用" tabindex="-1">使用 <a class="header-anchor" href="#使用" aria-label="Permalink to "使用""></a></h2><h3 id="发起一个普通-post-请求" tabindex="-1">发起一个普通 post 请求 <a class="header-anchor" href="#发起一个普通-post-请求" aria-label="Permalink to "发起一个普通 post 请求""></a></h3><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">request</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">@fesjs/fes</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#82AAFF;">request</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">/api/login</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">username</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">robby</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">password</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">123456</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">then</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">res</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=></span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// do something</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">catch</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">err</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=></span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 处理异常</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre></div><h3 id="merge-重复请求" tabindex="-1">merge 重复请求 <a class="header-anchor" href="#merge-重复请求" aria-label="Permalink to "merge 重复请求""></a></h3><p>连续发送多个请求，会被合并成一个请求，不会报 <code>REPEAT</code> 接口错误。</p><p>当发生 <code>REPEAT</code> 请求异常，并且确保自身代码合理的情况下，可以使用该配置。</p><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">request</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">@fesjs/fes</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#82AAFF;">request</span><span style="color:#A6ACCD;">(</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">/api/login</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">username</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">robby</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">password</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">123456</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">mergeRequest</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FF9CAC;">true</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#676E95;font-style:italic;">// 在一个请求没有回来前，重复发送的请求会合并成一个请求</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">)</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">then</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">res</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=></span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// do something</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">catch</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">err</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=></span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 处理异常</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre></div><h3 id="请求缓存" tabindex="-1">请求缓存 <a class="header-anchor" href="#请求缓存" aria-label="Permalink to "请求缓存""></a></h3><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">request</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">@fesjs/fes</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#82AAFF;">request</span><span style="color:#A6ACCD;">(</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">/api/login</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">username</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">robby</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">password</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">123456</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">cache</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">cacheType</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">ram</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#676E95;font-style:italic;">// ram: 内存，session: sessionStorage，local：localStorage</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">cacheTime</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">1000</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">*</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">60</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">*</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">3</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#676E95;font-style:italic;">// 缓存时间：默认3min</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">)</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">then</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">res</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=></span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// do something</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">catch</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">err</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=></span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// 处理异常</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre></div><p>若 <code>cache</code> 传 <code>true</code>，则默认使用 <code>ram</code> 缓存类型，缓存时间 3min。</p><h3 id="结合-use-使用" tabindex="-1">结合 use 使用 <a class="header-anchor" href="#结合-use-使用" aria-label="Permalink to "结合 use 使用""></a></h3><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">useRequest</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">@fesjs/fes</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#89DDFF;font-style:italic;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">default</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">setup</span><span style="color:#89DDFF;">()</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#C792EA;">const</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">loading</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">data</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">error</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">=</span><span style="color:#F07178;"> </span><span style="color:#82AAFF;">useRequest</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">/api/login</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> username</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">robby</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> password</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">123456</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">return</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">loading</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">data</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">error</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">};</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span></code></pre></div>`,26),e=[o];function t(c,r,D,F,y,C){return n(),a("div",null,e)}const d=s(p,[["render",t]]);export{i as __pageData,d as default};
|
||||
@ -1 +1 @@
|
||||
import{_ as s,o as a,c as n,V as l}from"./chunks/framework.c1e1f082.js";const i=JSON.parse('{"title":"@fesjs/plugin-request","description":"","frontmatter":{},"headers":[],"relativePath":"reference/plugin/plugins/request.md"}'),p={name:"reference/plugin/plugins/request.md"},o=l("",31),e=[o];function t(c,r,D,y,F,A){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{i as __pageData,d as default};
|
||||
import{_ as s,o as n,c as a,V as l}from"./chunks/framework.c1e1f082.js";const i=JSON.parse('{"title":"@fesjs/plugin-request","description":"","frontmatter":{},"headers":[],"relativePath":"reference/plugin/plugins/request.md"}'),p={name:"reference/plugin/plugins/request.md"},o=l("",26),e=[o];function t(c,r,D,F,y,C){return n(),a("div",null,e)}const d=s(p,[["render",t]]);export{i as __pageData,d as default};
|
||||
File diff suppressed because one or more lines are too long
@ -6,10 +6,10 @@
|
||||
<title>编译时配置 | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_config.md.4e96018e.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -68,7 +68,7 @@
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#FFCB6B;">mock</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#FF9CAC;">true</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#FFCB6B;">devServer</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#FFCB6B;">port</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#F78C6C;">8000</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span></code></pre></div><h2 id="优先级" tabindex="-1">优先级 <a class="header-anchor" href="#优先级" aria-label="Permalink to "优先级""></a></h2><p>本地临时配置 > 环境配置 > 基础配置</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>如果多份配置中存在相同的配置项，<strong>则优先级高的会覆盖优先级低的</strong>。</p></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/guide/builder.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>Vite 和 Webpack 双构建</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/guide/runtime-config.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>运行时配置</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -6,10 +6,10 @@
|
||||
<title>使用 css | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_css.md.dff6cb1a.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -27,7 +27,7 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#B2CCD6;">max-width</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">1000px</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span></code></pre></div><p>如果想直接引入CSS文件的话，则CSS文件名需要包含<code>.module</code>，比如：</p><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> style </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">@/styles/index.module.css</span><span style="color:#89DDFF;">'</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#A6ACCD;">(style)</span></span></code></pre></div><h2 id="css-预处理器" tabindex="-1">CSS 预处理器 <a class="header-anchor" href="#css-预处理器" aria-label="Permalink to "CSS 预处理器""></a></h2><p>Fes.js 内置支持 <code>less</code>，不支持 <code>sass</code> 和 <code>stylus</code>，但如果有需求，可以通过 <code>chainWebpack</code> 配置或者 <code>fes-plugin</code> 插件的形式支持。</p></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/guide/image.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>使用图片</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/guide/public.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>静态资源</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>目录结构 | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_directory-structure.md.df257571.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -81,7 +81,7 @@
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span></code></pre></div><p>其中<code>@fesjs/fes</code>是 Fes.js 核心依赖，另外以 <code>@fesjs/preset-</code>、<code>@fesjs/plugin-</code>、<code>@webank/fes-preset-</code>、<code>@webank/fes-plugin-</code>、<code>fes-preset-</code> 和 <code>fes-plugin-</code> 开头的依赖会被自动注册为插件或插件集。<code>@fesjs/builder-</code> 开头的会被注册为构建器。</p><h3 id="tsconfig-json" tabindex="-1">tsconfig.json <a class="header-anchor" href="#tsconfig-json" aria-label="Permalink to "tsconfig.json""></a></h3><p>解决 <code>@fesjs/fes</code> 和使用 <code>@</code> 的 API 提示</p><h3 id="fes-js" tabindex="-1">.fes.js <a class="header-anchor" href="#fes-js" aria-label="Permalink to ".fes.js""></a></h3><p>配置文件，包含 Fes.js 内置功能和安装的其他插件配置。</p><h3 id="mock-js" tabindex="-1">mock.js <a class="header-anchor" href="#mock-js" aria-label="Permalink to "mock.js""></a></h3><p><code>mock</code> 数据的配置文件。</p><h3 id="env" tabindex="-1">.env <a class="header-anchor" href="#env" aria-label="Permalink to ".env""></a></h3><p>定义环境变量。</p><p>比如 <code>.env</code> 文件内容如下：</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">PORT=8888</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">FES_ENV=prod</span></span></code></pre></div><p>等同于 node 端运行时，设置如下：</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">p<wbr>rocess.env.PORT = '8888';</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">p<wbr>rocess.env.FES_ENV = 'prod';</span></span></code></pre></div><h3 id="dist-目录" tabindex="-1">dist 目录 <a class="header-anchor" href="#dist-目录" aria-label="Permalink to "dist 目录""></a></h3><p>执行 <code>fes build</code> 后，产物默认会存放在这里。</p><h3 id="public-目录" tabindex="-1">public 目录 <a class="header-anchor" href="#public-目录" aria-label="Permalink to "public 目录""></a></h3><p>此目录下所有文件为静态资源，会被复制到输出路径。</p><h3 id="index-html" tabindex="-1">index.html <a class="header-anchor" href="#index-html" aria-label="Permalink to "index.html""></a></h3><p>默认的 <code>html</code> 模板文件，如果删除此 <code>html</code> 则会使用内置的 <code>html</code> 模板文件。</p><h3 id="src-目录" tabindex="-1">src 目录 <a class="header-anchor" href="#src-目录" aria-label="Permalink to "src 目录""></a></h3><h3 id="fes-目录" tabindex="-1">.fes 目录 <a class="header-anchor" href="#fes-目录" aria-label="Permalink to ".fes 目录""></a></h3><p>临时文件目录，比如入口文件、路由等，都会被临时生成到这里。</p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>不要提交 <code>.fes</code> 目录到 <code>git</code> 仓库，他们会在 <code>fes dev</code> 和 <code>fes build</code> 时被删除并重新生成。</p></div><h3 id="pages-目录" tabindex="-1">pages 目录 <a class="header-anchor" href="#pages-目录" aria-label="Permalink to "pages 目录""></a></h3><p>所有路由组件文件存放在这里。</p><h3 id="app-js" tabindex="-1">app.js <a class="header-anchor" href="#app-js" aria-label="Permalink to "app.js""></a></h3><p>运行时配置文件，可以在这里扩展运行时的能力，比如修改路由等。</p></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/guide/getting-started.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>快速上手</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/guide/builder.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>Vite 和 Webpack 双构建</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -6,11 +6,11 @@
|
||||
<title>快速上手 | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_getting-started.md.c352b5c1.lean.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_getting-started.md.ac67d8b9.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
</head>
|
||||
@ -22,15 +22,15 @@
|
||||
<span class="line"><span style="color:#FFCB6B;">mkdir</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">workspace</span></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;"># 进入目录 workspace</span></span>
|
||||
<span class="line"><span style="color:#82AAFF;">cd</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">workspace</span></span></code></pre></div><p>如果工作空间已存在，则直接进入</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 进入目录 workspace</span></span>
|
||||
<span class="line"><span style="color:#82AAFF;">cd</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">workspace</span></span></code></pre></div><h5 id="步骤-2-在工作空间创建项目" tabindex="-1">步骤 2 在工作空间创建项目 <a class="header-anchor" href="#步骤-2-在工作空间创建项目" aria-label="Permalink to "步骤 2 在工作空间创建项目""></a></h5><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-wW3ON" id="tab-nYiFCAL" checked="checked"><label for="tab-nYiFCAL">pnpm</label><input type="radio" name="group-wW3ON" id="tab-qJGibbc"><label for="tab-qJGibbc">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
<span class="line"><span style="color:#82AAFF;">cd</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">workspace</span></span></code></pre></div><h5 id="步骤-2-在工作空间创建项目" tabindex="-1">步骤 2 在工作空间创建项目 <a class="header-anchor" href="#步骤-2-在工作空间创建项目" aria-label="Permalink to "步骤 2 在工作空间创建项目""></a></h5><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-6Gq51" id="tab-VtCJHLn" checked="checked"><label for="tab-VtCJHLn">pnpm</label><input type="radio" name="group-6Gq51" id="tab-5tTMCNZ"><label for="tab-5tTMCNZ">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">create</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@fesjs/fes-app</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">myapp</span></span></code></pre></div><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">npx</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@fesjs/create-fes-app</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">myapp</span></span></code></pre></div></div></div><p>如果项目文件夹 <code>workspace/myapp</code> 已经存在，会提示目录已存在：</p><img src="/fes.js/pickTemplateTip.png" alt="目录已存在提示"><p>你可以选择：</p><ul><li><code>Overwrite</code> 删除项目文件夹，重新创建项目。</li><li><code>Merge</code> 保留原项目文件夹，存在相同文件则用模板文件覆盖当前目录文件。</li></ul><p>当选择 <code>Overwrite</code> 或者 <code>Merge</code> 或者项目目录 <code>workspace/myapp</code> 不存在，会提示选取一个 <code>template</code>： <img src="/fes.js/pickTemplate.png" alt="选择模板类型"></p><p>你可以选默认适用于中后台前端应用的 <code>PC</code> 类型，也可以选适用于移动端的 <code>H5</code> 类型。</p><h5 id="步骤-3-安装依赖" tabindex="-1">步骤 3 安装依赖 <a class="header-anchor" href="#步骤-3-安装依赖" aria-label="Permalink to "步骤 3 安装依赖""></a></h5><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-G3hnd" id="tab-4KcvEKl" checked="checked"><label for="tab-4KcvEKl">pnpm</label><input type="radio" name="group-G3hnd" id="tab-pcl9mXR"><label for="tab-pcl9mXR">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 进入项目目录</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">npx</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@fesjs/create-fes-app</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">myapp</span></span></code></pre></div></div></div><p>如果项目文件夹 <code>workspace/myapp</code> 已经存在，会提示目录已存在：</p><img src="/fes.js/pickTemplateTip.png" alt="目录已存在提示"><p>你可以选择：</p><ul><li><code>Overwrite</code> 删除项目文件夹，重新创建项目。</li><li><code>Merge</code> 保留原项目文件夹，存在相同文件则用模板文件覆盖当前目录文件。</li></ul><p>当选择 <code>Overwrite</code> 或者 <code>Merge</code> 或者项目目录 <code>workspace/myapp</code> 不存在，会提示选取一个 <code>template</code>： <img src="/fes.js/pickTemplate.png" alt="选择模板类型"></p><p>你可以选默认适用于中后台前端应用的 <code>PC</code> 类型，也可以选适用于移动端的 <code>H5</code> 类型。</p><h5 id="步骤-3-安装依赖" tabindex="-1">步骤 3 安装依赖 <a class="header-anchor" href="#步骤-3-安装依赖" aria-label="Permalink to "步骤 3 安装依赖""></a></h5><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-AwHiD" id="tab-hnorCCl" checked="checked"><label for="tab-hnorCCl">pnpm</label><input type="radio" name="group-AwHiD" id="tab-YSSwba2"><label for="tab-YSSwba2">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 进入项目目录</span></span>
|
||||
<span class="line"><span style="color:#82AAFF;">cd</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">myapp</span></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;"># 安装依赖</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">i</span></span></code></pre></div><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 进入项目目录</span></span>
|
||||
<span class="line"><span style="color:#82AAFF;">cd</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">myapp</span></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;"># 安装依赖</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">npm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">i</span></span></code></pre></div></div></div><h2 id="启动项目" tabindex="-1">启动项目 <a class="header-anchor" href="#启动项目" aria-label="Permalink to "启动项目""></a></h2><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-aQLfC" id="tab-_65OAFd" checked="checked"><label for="tab-_65OAFd">pnpm</label><input type="radio" name="group-aQLfC" id="tab-eVV2hIL"><label for="tab-eVV2hIL">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 开发调试</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">npm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">i</span></span></code></pre></div></div></div><h2 id="启动项目" tabindex="-1">启动项目 <a class="header-anchor" href="#启动项目" aria-label="Permalink to "启动项目""></a></h2><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-_Xksn" id="tab-qOLCvQN" checked="checked"><label for="tab-qOLCvQN">pnpm</label><input type="radio" name="group-_Xksn" id="tab-Xiv6UFt"><label for="tab-Xiv6UFt">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 开发调试</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">dev</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">run</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">v1.</span><span style="color:#F78C6C;">22.4</span></span>
|
||||
@ -49,7 +49,7 @@
|
||||
<span class="line"><span style="color:#FFCB6B;">✔</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">Webpack</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Compiled</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">successfully</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">in</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">3.66s</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">DONE</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">Compiled</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">successfully</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">in</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">3662ms</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">11</span><span style="color:#C3E88D;">:</span><span style="color:#F78C6C;">17</span><span style="color:#C3E88D;">:</span><span style="color:#F78C6C;">46</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">AM</span></span></code></pre></div></div></div><p>Fes.js 会在 <code>http://localhost:8000</code> 启动一个热重载的开发服务器。当你修改你的 .vue 文件时，浏览器中的内容也会自动更新。</p><img src="/fes.js/home.png" alt="home"><h2 id="部署发布" tabindex="-1">部署发布 <a class="header-anchor" href="#部署发布" aria-label="Permalink to "部署发布""></a></h2><h3 id="构建" tabindex="-1">构建 <a class="header-anchor" href="#构建" aria-label="Permalink to "构建""></a></h3><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-f2dMu" id="tab-tdOIr_O" checked="checked"><label for="tab-tdOIr_O">pnpm</label><input type="radio" name="group-f2dMu" id="tab-eHjBKwT"><label for="tab-eHjBKwT">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 构建</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">DONE</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">Compiled</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">successfully</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">in</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">3662ms</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">11</span><span style="color:#C3E88D;">:</span><span style="color:#F78C6C;">17</span><span style="color:#C3E88D;">:</span><span style="color:#F78C6C;">46</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">AM</span></span></code></pre></div></div></div><p>Fes.js 会在 <code>http://localhost:8000</code> 启动一个热重载的开发服务器。当你修改你的 .vue 文件时，浏览器中的内容也会自动更新。</p><img src="/fes.js/home.png" alt="home"><h2 id="部署发布" tabindex="-1">部署发布 <a class="header-anchor" href="#部署发布" aria-label="Permalink to "部署发布""></a></h2><h3 id="构建" tabindex="-1">构建 <a class="header-anchor" href="#构建" aria-label="Permalink to "构建""></a></h3><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-gQFLh" id="tab-711vB9V" checked="checked"><label for="tab-711vB9V">pnpm</label><input type="radio" name="group-gQFLh" id="tab-CWbrytI"><label for="tab-CWbrytI">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 构建</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">build</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">run</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">v1.</span><span style="color:#F78C6C;">22.4</span></span>
|
||||
@ -75,7 +75,7 @@
|
||||
<span class="line"><span style="color:#A6ACCD;">├── logo.png</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">└── static</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> └── logo.0f85bba0.png</span></span></code></pre></div><h3 id="本地验证" tabindex="-1">本地验证 <a class="header-anchor" href="#本地验证" aria-label="Permalink to "本地验证""></a></h3><p>发布之前，可以通过 <a href="https://github.com/vercel/serve" target="_blank" rel="noreferrer">serve</a> 做本地验证，验证结果应该跟执行 <code>fes dev</code> 的结果一样。</p><h3 id="部署" tabindex="-1">部署 <a class="header-anchor" href="#部署" aria-label="Permalink to "部署""></a></h3><p>本地验证完，就可以部署了。你需要把 dist 目录部署到服务器上。</p></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/guide/index.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>介绍</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/guide/directory-structure.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>目录结构</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>使用图片 | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_image.md.cfb36581.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -31,7 +31,7 @@
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/guide/upgrade3.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>从 2.0.x 迁移到 3.0.x</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/guide/css.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>使用 css</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>介绍 | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_index.md.b02ebfe7.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -20,7 +20,7 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"> + pluginA # 外部插件生成</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> + presetB # 外部插件生成</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> + fes.js # 入口文件</span></span></code></pre></div><p>临时文件是 Fes.js 中非常重要的一部分，框架或插件会根据你的代码生成临时文件，这些原来需要放在项目里的脏乱差的部分都被藏在了这里。</p><p>你可以在这里调试代码，但不要在 .git 仓库里提交他，因为他的临时性，每次启动 fes 时都会被删除并重新生成。</p><h2 id="为什么不是" tabindex="-1">为什么不是 ...? <a class="header-anchor" href="#为什么不是" aria-label="Permalink to "为什么不是 ...?""></a></h2><h3 id="vue-cli" tabindex="-1">Vue CLI <a class="header-anchor" href="#vue-cli" aria-label="Permalink to "Vue CLI""></a></h3><p>Vue CLI 是基于 Vue.js 进行快速开发的完整系统，提供交互式脚手架、丰富的官方插件，并且可通过插件进行扩展，他在打包层把体验做到了极致，但是不包含路由，不是框架。所以，如果大家想基于他修改部分配置，或者希望在打包层之外也做技术收敛时，就会遇到困难。</p><h3 id="umi" tabindex="-1">UMI <a class="header-anchor" href="#umi" aria-label="Permalink to "UMI""></a></h3><p>UMI 是个很好的选择，Fes.js 很多功能是借鉴 UMI 做的。UMI 是基于 React 封装的应用级框架，贯彻着函数式编程的思维。而 Vue 有所不同，虽然 Vue 3.0 向函数式迈了一大步，但大家可能依然喜欢编写 <code>.vue</code>文件，而非 <code>.jsx</code> 文件。两种思维方式会导致部分 API 设计上有所差异，虽然 UMI 有 <code>plugin-vue</code> ，但不太 "vue"。推荐喜欢 React 的同学使用 UMI。</p></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><!----></div><div class="pager" data-v-30350303><a class="pager-link next" href="/fes.js/guide/getting-started.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>快速上手</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>Mock 数据 | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_mock.md.541ceb28.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -171,7 +171,7 @@
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span></code></pre></div><h3 id="utils-参数" tabindex="-1">utils 参数 <a class="header-anchor" href="#utils-参数" aria-label="Permalink to "utils 参数""></a></h3><p>工具函数：</p><ul><li>utils.file(path)，从项目根目录根据 path 寻找文件，返回文件流。</li></ul><h2 id="配置-mock" tabindex="-1">配置 Mock <a class="header-anchor" href="#配置-mock" aria-label="Permalink to "配置 Mock""></a></h2><p>详见配置 <a href="./../reference/config/#mock">mock</a>。</p><h2 id="关闭-mock" tabindex="-1">关闭 Mock <a class="header-anchor" href="#关闭-mock" aria-label="Permalink to "关闭 Mock""></a></h2><p>可以通过配置关闭。</p><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">default</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">mock</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FF9CAC;">false</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/guide/template.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>HTML 模板</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/guide/upgrade3.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>从 2.0.x 迁移到 3.0.x</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>插件 | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_plugin.md.c99dbfa8.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -29,7 +29,7 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">prefix</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">/v2</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span></code></pre></div><p>这里的 <code>mock</code> 是 Mock 插件 的 key。</p></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/guide/route.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>路由</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/guide/template.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>HTML 模板</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>静态资源 | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_public.md.eb9a78cd.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -27,7 +27,7 @@
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/guide/css.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>使用 css</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/guide/contributing.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>贡献指南</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>路由 | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_route.md.8754e456.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -173,7 +173,7 @@
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">router</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">replace</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">/new</span><span style="color:#89DDFF;">'</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/guide/env.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>环境变量</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/guide/plugin.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>插件</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>运行时配置 | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_runtime-config.md.56bc8115.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -138,7 +138,7 @@
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">to</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span></code></pre></div><h2 id="更多配置项" tabindex="-1">更多配置项 <a class="header-anchor" href="#更多配置项" aria-label="Permalink to "更多配置项""></a></h2><p>Fes.js 允许插件注册运行时配置，如果你使用插件，肯定会在插件里找到更多运行时的配置项。</p></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/guide/config.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>编译时配置</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/guide/env.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>环境变量</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>HTML 模板 | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/guide_template.md.6735687b.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -34,7 +34,7 @@
|
||||
<span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">body</span><span style="color:#89DDFF;">></span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;"><</span><span style="color:#F07178;">div</span><span style="color:#89DDFF;">></span><span style="color:#A6ACCD;"><%= FES_APP_HELLO_WORLD %></span><span style="color:#89DDFF;"></</span><span style="color:#F07178;">div</span><span style="color:#89DDFF;">></span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">body</span><span style="color:#89DDFF;">></span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/guide/plugin.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>插件</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/guide/mock.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>Mock 数据</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
{"guide_css.md":"dff6cb1a","reference_plugin_plugins_layout.md":"82696a56","reference_plugin_plugins_locale.md":"1edeea8b","reference_plugin_plugins_pinia.md":"ca5af68a","reference_plugin_plugins_qiankun.md":"6d83cda5","guide_contributing.md":"e88cef42","guide_faq.md":"82040b82","guide_mock.md":"541ceb28","guide_plugin.md":"c99dbfa8","guide_public.md":"eb9a78cd","reference_plugin_plugins_sass.md":"9c97c518","guide_template.md":"6735687b","guide_upgrade3.md":"f74882c1","index.md":"3e788872","reference_config_index.md":"7ed2a419","reference_plugin_dev_index.md":"3d159519","reference_plugin_index.md":"c59c462a","reference_plugin_plugins_access.md":"08924ef1","guide_builder.md":"b359815f","reference_plugin_plugins_editor.md":"f8bfc420","reference_plugin_plugins_enums.md":"cbb61e98","reference_plugin_plugins_icon.md":"85704c28","reference_plugin_plugins_swc.md":"dc3e99c1","guide_directory-structure.md":"df257571","reference_plugin_plugins_model.md":"f425528b","reference_plugin_dev_api.md":"ce09875b","guide_config.md":"4e96018e","guide_route.md":"8754e456","reference_plugin_plugins_watermark.md":"0cecce74","guide_runtime-config.md":"56bc8115","reference_plugin_plugins_login.md":"7a14ea57","guide_env.md":"ee8bc84b","reference_plugin_plugins_request.md":"43222d84","reference_plugin_plugins_windicss.md":"a83e9555","reference_plugin_plugins_vuex.md":"ebec67ba","reference_plugin_plugins_jest.md":"e67f6ac7","guide_getting-started.md":"c352b5c1","guide_image.md":"cfb36581","reference_api.md":"2c52417d","reference_api_index.md":"a34a40df","reference_cli_index.md":"9680e116","guide_index.md":"b02ebfe7"}
|
||||
{"guide_config.md":"4e96018e","guide_contributing.md":"e88cef42","guide_css.md":"dff6cb1a","guide_directory-structure.md":"df257571","guide_faq.md":"82040b82","guide_builder.md":"b359815f","guide_image.md":"cfb36581","guide_env.md":"41fde850","guide_route.md":"8754e456","guide_index.md":"b02ebfe7","guide_mock.md":"541ceb28","guide_plugin.md":"c99dbfa8","guide_public.md":"eb9a78cd","guide_getting-started.md":"ac67d8b9","guide_runtime-config.md":"56bc8115","guide_upgrade3.md":"f74882c1","reference_api.md":"2c52417d","reference_plugin_dev_api.md":"ce09875b","index.md":"9756eda3","reference_cli_index.md":"88d6551f","reference_api_index.md":"a34a40df","reference_plugin_plugins_windicss.md":"a83e9555","reference_plugin_plugins_locale.md":"1edeea8b","reference_plugin_plugins_request.md":"bfd9ee9a","reference_plugin_plugins_editor.md":"f8bfc420","reference_plugin_plugins_enums.md":"cbb61e98","reference_plugin_plugins_icon.md":"85704c28","reference_plugin_plugins_login.md":"7a14ea57","reference_plugin_plugins_model.md":"f425528b","reference_plugin_plugins_pinia.md":"ca5af68a","reference_plugin_plugins_qiankun.md":"6d83cda5","reference_plugin_plugins_layout.md":"45358f84","reference_plugin_dev_index.md":"3d159519","reference_plugin_index.md":"c59c462a","reference_plugin_plugins_jest.md":"e67f6ac7","guide_template.md":"6735687b","reference_plugin_plugins_request-4.md":"9d66374b","reference_config_index.md":"7ed2a419","reference_plugin_plugins_vuex.md":"ebec67ba","reference_plugin_plugins_sass.md":"9c97c518","reference_plugin_plugins_watermark.md":"0cecce74","reference_plugin_plugins_access.md":"08924ef1","reference_plugin_plugins_swc.md":"dc3e99c1"}
|
||||
|
||||
10
index.html
10
index.html
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -6,10 +6,10 @@
|
||||
<title>API | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_api_index.md.a34a40df.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -80,7 +80,7 @@
|
||||
<span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">router-view</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">v-slot</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">{ Component, route }</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">></span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;"><</span><span style="color:#F07178;">component</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">:is</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">Component</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;"> /></span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">router-view</span><span style="color:#89DDFF;">></span></span></code></pre></div><p>可以查看<a href="https://next.router.vuejs.org/api/#router-view-props" target="_blank" rel="noreferrer">官方文档</a>了解更多 RouterView 的 Porps。查看<a href="https://next.router.vuejs.org/api/#router-view-s-v-slot" target="_blank" rel="noreferrer">官方文档</a>了解 RouterView 的作用域插槽。</p><h3 id="其他-router-methods" tabindex="-1">其他 Router Methods <a class="header-anchor" href="#其他-router-methods" aria-label="Permalink to "其他 Router Methods""></a></h3><p>查看<a href="https://next.router.vuejs.org/api/#router-methods" target="_blank" rel="noreferrer">vue-router 官方文档</a>了解更多。</p></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,11 +6,11 @@
|
||||
<title>命令行工具 | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_cli_index.md.9680e116.lean.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_cli_index.md.88d6551f.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
</head>
|
||||
@ -21,7 +21,7 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"> -v, --version Output the current version</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> -h, --help Display help for command</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> -f, --force Overwrite target directory if it exists</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> -m, --merge Merge target directory if it exists</span></span></code></pre></div><p>可以在本机安装后使用：</p><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-IUZ1I" id="tab-7Sowdmj" checked="checked"><label for="tab-7Sowdmj">pnpm</label><input type="radio" name="group-IUZ1I" id="tab-EPzRg5u"><label for="tab-EPzRg5u">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 全局安装</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> -m, --merge Merge target directory if it exists</span></span></code></pre></div><p>可以在本机安装后使用：</p><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-b1qHA" id="tab-ybzkLre" checked="checked"><label for="tab-ybzkLre">pnpm</label><input type="radio" name="group-b1qHA" id="tab-d_rRxOO"><label for="tab-d_rRxOO">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 全局安装</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">global</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">add</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@fesjs/create-fes-app</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
@ -29,7 +29,7 @@
|
||||
<span class="line"><span style="color:#FFCB6B;">npm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">i</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">-g</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@fesjs/create-fes-app</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">create-fes-app</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">fes-app</span></span></code></pre></div></div></div><p>推荐使用 <code>pnpm create</code> 和 <code>npx</code> 方式创建模板，一直使用最新的模板：</p><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-Isbg9" id="tab-mPtY2EH" checked="checked"><label for="tab-mPtY2EH">pnpm</label><input type="radio" name="group-Isbg9" id="tab-t_rMw0h"><label for="tab-t_rMw0h">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">create-fes-app</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">fes-app</span></span></code></pre></div></div></div><p>推荐使用 <code>pnpm create</code> 和 <code>npx</code> 方式创建模板，一直使用最新的模板：</p><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-bJGtX" id="tab-Fy2sHSA" checked="checked"><label for="tab-Fy2sHSA">pnpm</label><input type="radio" name="group-bJGtX" id="tab-sum5-5s"><label for="tab-sum5-5s">npm</label></div><div class="blocks"><div class="language-bash active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;"># 创建模板</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">pnpm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">create</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@fesjs/fes-app</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">myapp</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;"># 安装依赖</span></span>
|
||||
@ -86,7 +86,7 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"> --plugins list all plugin names</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> --verbose show full function definitions in output</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> -h, --help display help for command</span></span></code></pre></div><p>比如：</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#FFCB6B;">fes</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">webpack</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -6,10 +6,10 @@
|
||||
<title>插件 API | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_dev_api.md.ce09875b.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -173,7 +173,7 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">REPLACE_ROLES</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> JSON</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">stringify</span><span style="color:#A6ACCD;">(roles)</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre></div><p>参数：</p><ul><li>path：相对于临时文件夹的路径</li><li>content：文件内容</li></ul><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>不能在注册阶段使用，通常放在 api.onGenerateFiles() 里，这样能在需要时重新生成临时文件 临时文件的写入做了缓存处理，如果内容一致，不会做写的操作，以减少触发 webpack 的重新编译</p></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/dev/index.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>插件介绍</span></a></div><div class="has-prev pager" data-v-30350303><!----></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-access | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_access.md.08924ef1.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -106,7 +106,7 @@
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/index.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>介绍</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/enums.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-enums</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-monaco-editor | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_editor.md.f8bfc420.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -56,7 +56,7 @@
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span></code></pre></div><h4 id="props" tabindex="-1">props <a class="header-anchor" href="#props" aria-label="Permalink to "props""></a></h4><table><thead><tr><th>属性</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>theme</td><td>编辑器的主题，使用其他主题需要先使用<code>monaco.editor.defineTheme</code>定义主题</td><td>string</td><td><code>defaultTheme</code></td></tr><tr><td>language</td><td>编辑器的语言</td><td>string</td><td>-</td></tr><tr><td>height</td><td>编辑器的高度</td><td>string</td><td><code>100%</code></td></tr><tr><td>width</td><td>编辑器的宽度</td><td>string</td><td><code>100%</code></td></tr><tr><td>modelValue(v-model)</td><td>编辑器的代码</td><td>string</td><td>-</td></tr><tr><td>readOnly</td><td>是否只读</td><td>boolean</td><td><code>false</code></td></tr><tr><td>options</td><td>编辑器的配置对象</td><td>object</td><td><code>{}</code></td></tr><tr><td>check</td><td>是否检查代码，如果检查不通过则不更新数据，目前只支持<code>json</code></td><td>boolean</td><td><code>false</code></td></tr></tbody></table><h4 id="events" tabindex="-1">events <a class="header-anchor" href="#events" aria-label="Permalink to "events""></a></h4><table><thead><tr><th>事件名称</th><th>说明</th><th>回调参数</th></tr></thead><tbody><tr><td>onload</td><td>编辑器初始化后触发</td><td>({monaco, editor, editorModel}) => void</td></tr><tr><td>scrollChange</td><td>滚动时触发</td><td>(e) => void</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/sass.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-sass</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/pinia.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-pinia</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-enums | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_enums.md.cbb61e98.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -138,7 +138,7 @@
|
||||
<span class="line"><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">age</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=></span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">18</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">role[0]</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=></span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#FFCB6B;">id</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#F78C6C;">1</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#FFCB6B;">name</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">管理员</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">role[1].id</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=></span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">2</span></span></code></pre></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>枚举项 value 如果是基本类型，则规则不生效，value 就是当前值</p></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/access.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-access</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/icon.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-icon</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-icon | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_icon.md.85704c28.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -21,7 +21,7 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#FFCB6B;">@fesjs/plugin-icon</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">^3.0.0</span><span style="color:#89DDFF;">"</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span></code></pre></div><h2 id="使用" tabindex="-1">使用 <a class="header-anchor" href="#使用" aria-label="Permalink to "使用""></a></h2><p>新建 <code>src/icons</code> 目录，将 svg 文件放入其中，在 <code>component</code> 中引用：</p><div class="language-jsx"><button title="Copy Code" class="copy"></button><span class="lang">jsx</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#FFCB6B;">fes-icon</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">type</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">iconName</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;"> /></span></span></code></pre></div><h3 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to "属性""></a></h3><table><thead><tr><th style="text-align:left;">属性</th><th style="text-align:left;">说明</th><th style="text-align:left;">类型</th></tr></thead><tbody><tr><td style="text-align:left;">type</td><td style="text-align:left;">svg 文件名</td><td style="text-align:left;"><code>string</code></td></tr><tr><td style="text-align:left;">spin</td><td style="text-align:left;">是否无限旋转</td><td style="text-align:left;"><code>boolean</code></td></tr><tr><td style="text-align:left;">rotate</td><td style="text-align:left;">旋转角度</td><td style="text-align:left;"><code>number</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/enums.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-enums</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/jest.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-jest</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-jest | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_jest.md.e67f6ac7.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -314,7 +314,7 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"> --watchman Whether to use watchman for file crawling.</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> Disable using --no-watchman.</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> -h, --help display help for command</span></span></code></pre></div><p>比如覆盖测试：</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">fes test --coverage</span></span></code></pre></div><h3 id="配置文件" tabindex="-1">配置文件 <a class="header-anchor" href="#配置文件" aria-label="Permalink to "配置文件""></a></h3><p>除了插件内置的默认配置之外，插件遵循 <code>Jest</code>的配置文件规范，约定项目根目录下的 <code>jest.config.js</code> 为用户配置文件，约定 <code>packages.json</code> 的 <code>jest</code> 属性内容也是配置。</p><h3 id="优先级" tabindex="-1">优先级 <a class="header-anchor" href="#优先级" aria-label="Permalink to "优先级""></a></h3><p><code>args</code> 配置 > <code>package.json</code>中的 <code>jest</code> > <code>jest.config.js</code> > 默认配置</p></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/icon.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-icon</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/layout.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-layout</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,11 +6,11 @@
|
||||
<title>@fesjs/plugin-layout | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_layout.md.82696a56.lean.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_layout.md.45358f84.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
</head>
|
||||
@ -82,7 +82,9 @@
|
||||
<span class="line"><span style="color:#F07178;"> )</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">return</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">menusRef</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre></div><p>最终配置结果是运行时配置跟编译时配置合并的结果，运行时配置优先于编译时配置。</p><p>实际上运行配置能做的事情更多，推荐用运行时配置方式。</p><h3 id="footer" tabindex="-1">footer <a class="header-anchor" href="#footer" aria-label="Permalink to "footer""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：<code>null</code></p></li><li><p><strong>详情</strong>：页面底部的文字。</p></li></ul><h3 id="theme" tabindex="-1">theme <a class="header-anchor" href="#theme" aria-label="Permalink to "theme""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：<code>dark</code></p></li><li><p><strong>详情</strong>：主题，可选有 <code>dark</code>、<code>light</code></p></li></ul><h3 id="navigation" tabindex="-1">navigation <a class="header-anchor" href="#navigation" aria-label="Permalink to "navigation""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：<code>side</code></p></li><li><p><strong>详情</strong>：页面布局类型，可选有 <code>side</code>、 <code>top</code>、 <code>mixin</code></p></li></ul><h3 id="isfixedheader" tabindex="-1">isFixedHeader <a class="header-anchor" href="#isfixedheader" aria-label="Permalink to "isFixedHeader""></a></h3><ul><li><p><strong>类型</strong>：<code>Boolean</code></p></li><li><p><strong>默认值</strong>：<code>false</code></p></li><li><p><strong>详情</strong>：是否固定头部，不跟随页面滚动。</p></li></ul><h3 id="isfixedsidebar" tabindex="-1">isFixedSidebar <a class="header-anchor" href="#isfixedsidebar" aria-label="Permalink to "isFixedSidebar""></a></h3><ul><li><p><strong>类型</strong>：<code>Boolean</code></p></li><li><p><strong>默认值</strong>：<code>true</code></p></li><li><p><strong>详情</strong>：是否固定 sidebar，不跟随页面滚动。</p></li></ul><h3 id="title" tabindex="-1">title <a class="header-anchor" href="#title" aria-label="Permalink to "title""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：默认为 <a href="./../../../reference/config/#title">编译时配置 title</a></p></li><li><p><strong>详情</strong>：产品名。</p></li></ul><h3 id="logo" tabindex="-1">logo <a class="header-anchor" href="#logo" aria-label="Permalink to "logo""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：默认提供 <code>fes.js</code> 的 Logo</p></li><li><p><strong>详情</strong>：Logo 的链接</p></li></ul><h3 id="multitabs" tabindex="-1">multiTabs <a class="header-anchor" href="#multitabs" aria-label="Permalink to "multiTabs""></a></h3><ul><li><p><strong>类型</strong>：<code>boolean</code></p></li><li><p><strong>默认值</strong>：<code>false</code></p></li><li><p><strong>详情</strong>：是否开启多页。</p></li></ul><h3 id="menus" tabindex="-1">menus <a class="header-anchor" href="#menus" aria-label="Permalink to "menus""></a></h3><ul><li><p><strong>类型</strong>：<code>[] | () => Ref<[]> | () => []</code></p></li><li><p><strong>默认值</strong>：<code>[]</code></p></li><li><p><strong>详情</strong>：菜单配置</p><p>子项具体配置如下：</p><ul><li><p><strong>name</strong>：菜单的名称。通过匹配 <code>name</code> 和路由元信息 <a href="./../../../guide/route.html#扩展路由元信息">meta</a> 中的 <code>name</code>，把菜单和路由关联起来， 然后使用路由元信息补充菜单配置，比如 <code>title</code>、<code>path</code> 等。</p></li><li><p><strong>path</strong>：菜单的路径，可配置第三方地址。</p></li><li><p><strong>match (v4.0.0+）</strong>：额外匹配的路径，当前路由命中匹配规则时，此菜单高亮。</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">{</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre></div><p>最终配置结果是运行时配置跟编译时配置合并的结果，运行时配置优先于编译时配置。</p><p>实际上运行配置能做的事情更多，推荐用运行时配置方式。</p><h3 id="footer" tabindex="-1">footer <a class="header-anchor" href="#footer" aria-label="Permalink to "footer""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：<code>null</code></p></li><li><p><strong>详情</strong>：页面底部的文字。</p></li></ul><h3 id="theme" tabindex="-1">theme <a class="header-anchor" href="#theme" aria-label="Permalink to "theme""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：<code>dark</code></p></li><li><p><strong>详情</strong>：主题，可选有 <code>dark</code>、<code>light</code></p></li></ul><h3 id="navigation" tabindex="-1">navigation <a class="header-anchor" href="#navigation" aria-label="Permalink to "navigation""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：<code>side</code></p></li><li><p><strong>详情</strong>：页面布局类型，可选有 <code>side</code>、 <code>top</code>、 <code>mixin</code></p></li></ul><h3 id="isfixedheader" tabindex="-1">isFixedHeader <a class="header-anchor" href="#isfixedheader" aria-label="Permalink to "isFixedHeader""></a></h3><ul><li><p><strong>类型</strong>：<code>Boolean</code></p></li><li><p><strong>默认值</strong>：<code>false</code></p></li><li><p><strong>详情</strong>：是否固定头部，不跟随页面滚动。</p></li></ul><h3 id="isfixedsidebar" tabindex="-1">isFixedSidebar <a class="header-anchor" href="#isfixedsidebar" aria-label="Permalink to "isFixedSidebar""></a></h3><ul><li><p><strong>类型</strong>：<code>Boolean</code></p></li><li><p><strong>默认值</strong>：<code>true</code></p></li><li><p><strong>详情</strong>：是否固定 sidebar，不跟随页面滚动。</p></li></ul><h3 id="title" tabindex="-1">title <a class="header-anchor" href="#title" aria-label="Permalink to "title""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：默认为 <a href="./../../../reference/config/#title">编译时配置 title</a></p></li><li><p><strong>详情</strong>：产品名。</p></li></ul><h3 id="logo" tabindex="-1">logo <a class="header-anchor" href="#logo" aria-label="Permalink to "logo""></a></h3><ul><li><p><strong>类型</strong>：<code>String</code></p></li><li><p><strong>默认值</strong>：默认提供 <code>fes.js</code> 的 Logo</p></li><li><p><strong>详情</strong>：Logo 的链接，例如在 public/logo.png 放了一个 logo，可以这么配置(<a href="./../../../guide/env.html#process-env">BASE_URL 来自这里</a>)</p></li></ul><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> layout </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">logo</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">`${</span><span style="color:#A6ACCD;">process</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">env</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">BASE_URL</span><span style="color:#89DDFF;">}</span><span style="color:#C3E88D;">logo.png</span><span style="color:#89DDFF;">`</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span></code></pre></div><h3 id="multitabs" tabindex="-1">multiTabs <a class="header-anchor" href="#multitabs" aria-label="Permalink to "multiTabs""></a></h3><ul><li><p><strong>类型</strong>：<code>boolean</code></p></li><li><p><strong>默认值</strong>：<code>false</code></p></li><li><p><strong>详情</strong>：是否开启多页。</p></li></ul><h3 id="menus" tabindex="-1">menus <a class="header-anchor" href="#menus" aria-label="Permalink to "menus""></a></h3><ul><li><p><strong>类型</strong>：<code>[] | () => Ref<[]> | () => []</code></p></li><li><p><strong>默认值</strong>：<code>[]</code></p></li><li><p><strong>详情</strong>：菜单配置</p><p>子项具体配置如下：</p><ul><li><p><strong>name</strong>：菜单的名称。通过匹配 <code>name</code> 和路由元信息 <a href="./../../../guide/route.html#扩展路由元信息">meta</a> 中的 <code>name</code>，把菜单和路由关联起来， 然后使用路由元信息补充菜单配置，比如 <code>title</code>、<code>path</code> 等。</p></li><li><p><strong>path</strong>：菜单的路径，可配置第三方地址。</p></li><li><p><strong>match (v4.0.0+）</strong>：额外匹配的路径，当前路由命中匹配规则时，此菜单高亮。</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> path: '/product',</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> match: ['/product/*', '/product/create']</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">}</span></span></code></pre></div></li><li><p><strong>title</strong>：菜单的标题。</p><ul><li><p>如果同时使用<a href="./locale.html">国际化插件</a>，而且<code>title</code>的值以<code>$</code>开头，则使用<code>$</code>后面的内容去匹配语言设置。</p></li><li><p>title 支持配置函数，对应 Fes Design 中 Menu 组件的<code>label</code>插槽。仅在运行时配置中支持。</p></li></ul></li><li><p><strong>icon</strong>: 菜单的图标，只一级标题展示图标。</p><ul><li><p>图标使用<a href="https://fes-design-4gvn317r3b6bfe17-1254145788.ap-shanghai.app.tcloudbase.com/zh/components/icon.html" target="_blank" rel="noreferrer">fes-design icon</a>，编译时配置使用组件名称，我们会自动引入组件。</p></li><li><p>图标使用本地或者远程 svg 图片。</p><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">{</span></span>
|
||||
@ -115,7 +117,7 @@
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;">//如果要更新</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">titleRef</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">value </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">changed</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span></code></pre></div><h2 id="_4-x-升级到-5-x" tabindex="-1">4.x 升级到 5.x <a class="header-anchor" href="#_4-x-升级到-5-x" aria-label="Permalink to "4.x 升级到 5.x""></a></h2><ol><li>个性化 layout 配置改为使用传入 navigation</li><li>customHeader 改为 renderCustom</li><li>fixedHeader 改为 isFixedHeader</li><li>menusConfig 改为 menuProps</li><li>fixedSideBar 改为 isFixedSidebar</li><li>去掉运行时 logo、header、sidebar 三个区域显示配置，请改为使用 navigation: left-right</li></ol></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/jest.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-jest</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/locale.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-locale</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-locale | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_locale.md.1edeea8b.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -80,7 +80,7 @@
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span></code></pre></div><p><code>useI18n()</code>返回结果是 <a href="https://vue-i18n.intlify.dev/api/composition.html#composer" target="_blank" rel="noreferrer">Composer</a>，提供类似 <code>t</code>、<code>n</code>、<code>d</code> 等转换函数，在模板中使用。</p></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/layout.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-layout</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/model.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-model</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-login | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_login.md.7a14ea57.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -31,7 +31,7 @@
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/watermark.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-watermark</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/swc.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-swc</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-model | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_model.md.f425528b.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -75,7 +75,7 @@
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">style</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">scope</span><span style="color:#89DDFF;">></</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">></span></span></code></pre></div><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to "API""></a></h2><h3 id="usemodel" tabindex="-1">useModel <a class="header-anchor" href="#usemodel" aria-label="Permalink to "useModel""></a></h3><p><strong>useModel(name)</strong></p><ul><li><strong>类型</strong>：函数</li><li><strong>详情</strong>: 获取 Model 数据， 也就是 Model 文件默认导出函数执行的结果。</li><li><strong>参数</strong>： <ul><li>name，传入 Model 文件名</li></ul></li></ul></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/locale.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-locale</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/request.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-request</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-pinia | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_pinia.md.ca5af68a.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -56,7 +56,7 @@
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/editor.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-editor</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/watermark.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-watermark</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-qiankun | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_qiankun.md.6d83cda5.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -185,7 +185,7 @@
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span></code></pre></div><h3 id="基于-props-传递" tabindex="-1">基于 props 传递 <a class="header-anchor" href="#基于-props-传递" aria-label="Permalink to "基于 props 传递""></a></h3><ul><li>主应用使用 props 的模式传递数据（参考主应用装载子应用配置一节）</li><li>子应用在生命周期钩子中获取 props 消费数据（参考子应用运行时配置一节）</li></ul><h3 id="microapp" tabindex="-1">MicroApp <a class="header-anchor" href="#microapp" aria-label="Permalink to "MicroApp""></a></h3><table><thead><tr><th>属性</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>name</td><td>子应用名称，传入<code>qiankun.main.apps</code>配置中的<code>name</code></td><td>String</td><td>-</td></tr><tr><td>settings</td><td>子应用配置信息</td><td>Object</td><td>{}</td></tr><tr><td>props</td><td>传入子应用的参数</td><td>Object</td><td>{}</td></tr><tr><td>lifeCycles</td><td>子应用生命周期钩子</td><td>Object</td><td>{}</td></tr><tr><td>cacheName</td><td>子应用缓存名称，配置后根据<code>name</code>+<code>cacheName</code>缓存子应用实例</td><td>Object</td><td>-</td></tr></tbody></table><h3 id="microappwithmemohistory" tabindex="-1">MicroAppWithMemoHistory <a class="header-anchor" href="#microappwithmemohistory" aria-label="Permalink to "MicroAppWithMemoHistory""></a></h3><table><thead><tr><th>属性</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>name</td><td>子应用名称，传入<code>qiankun.main.apps</code>配置中的<code>name</code></td><td>String</td><td>-</td></tr><tr><td>settings</td><td>子应用配置信息</td><td>Object</td><td>{}</td></tr><tr><td>props</td><td>传入子应用的参数</td><td>Object</td><td>{}</td></tr><tr><td>lifeCycles</td><td>子应用生命周期钩子</td><td>Object</td><td>{}</td></tr><tr><td>cacheName</td><td>子应用缓存名称，配置后根据<code>name</code>+<code>cacheName</code>缓存子应用实例</td><td>Object</td><td>-</td></tr><tr><td>url</td><td>子应用的路由地址</td><td>String</td><td>-</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/vuex.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-vuex</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/windicss.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-windicss</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
151
reference/plugin/plugins/request-4.html
Normal file
151
reference/plugin/plugins/request-4.html
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-sass | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_sass.md.9c97c518.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -21,7 +21,7 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#FFCB6B;">@fesjs/plugin-sass</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">^3.0.0</span><span style="color:#89DDFF;">"</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span></code></pre></div><h2 id="global-css" tabindex="-1">global css <a class="header-anchor" href="#global-css" aria-label="Permalink to "global css""></a></h2><p>添加 <code>src/global.scss</code> 和 <code>src/global.sass</code> 为全局 CSS 入口，添加一些通用样式内容。</p><h2 id="vue-单文件组件" tabindex="-1">Vue 单文件组件 <a class="header-anchor" href="#vue-单文件组件" aria-label="Permalink to "Vue 单文件组件""></a></h2><p>Vue 单文件组件的 <code><style></style></code> 添加 <code>lang='scss'</code>，例如：</p><div class="language-vue"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">style</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">lang</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">scss</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">></</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">></span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/windicss.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-windicss</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/editor.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-editor</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-swc | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_swc.md.dc3e99c1.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -29,7 +29,7 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/login.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-login</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/dev/index.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>插件介绍</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-vuex | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_vuex.md.ebec67ba.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -129,7 +129,7 @@
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span></code></pre></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>由于该插件注册在 onAppCreated 中，如果在 onAppCreated 及之前使用 useStore 时，获取不到 vuex 实例</p><p><code>fesjs</code>导出了 vuex 实例<code>store</code>，如在 app.js 文件中</p><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">store</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">GETTER_TYPES</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">@fesjs/fes</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#A6ACCD;">(store</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">getters[GETTER_TYPES</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">user</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">address])</span><span style="color:#89DDFF;">;</span></span></code></pre></div></div><h2 id="vuex-插件" tabindex="-1">vuex 插件 <a class="header-anchor" href="#vuex-插件" aria-label="Permalink to "vuex 插件""></a></h2><p>stores 文件夹下的文件名包含 plugin 被解析为插件，vuex 插件写法参考<a href="https://next.vuex.vuejs.org/guide/plugins.html" target="_blank" rel="noreferrer">官方文档</a></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to "API""></a></h2><h3 id="store" tabindex="-1">store <a class="header-anchor" href="#store" aria-label="Permalink to "store""></a></h3><ul><li>类型 <code>Object</code></li><li>vuex 实例</li></ul><h3 id="mutation-types" tabindex="-1">MUTATION_TYPES <a class="header-anchor" href="#mutation-types" aria-label="Permalink to "MUTATION_TYPES""></a></h3><ul><li>类型 <code>Object</code></li><li>mutation 的所有事件类型</li></ul><h3 id="getter-types" tabindex="-1">GETTER_TYPES <a class="header-anchor" href="#getter-types" aria-label="Permalink to "GETTER_TYPES""></a></h3><ul><li>类型 <code>Object</code></li><li>getter 的所有方法名</li></ul><h3 id="action-types" tabindex="-1">ACTION_TYPES <a class="header-anchor" href="#action-types" aria-label="Permalink to "ACTION_TYPES""></a></h3><ul><li>类型 <code>Object</code></li><li>action 的所有事件类型</li></ul></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/request.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-request</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/qiankun.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-qiankun</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-watermark | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_watermark.md.0cecce74.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -45,7 +45,7 @@
|
||||
<span class="line"><span style="color:#F07178;"> (</span><span style="color:#A6ACCD;">zIndex</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">=</span><span style="color:#F07178;"> </span><span style="color:#F78C6C;">99999</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> (</span><span style="color:#A6ACCD;">timestamp</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">=</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">YYYY-MM-DD HH:mm</span><span style="color:#89DDFF;">'</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span></code></pre></div><p>如果不需要时间戳，则可以设置<code>timestamp</code>为<code>false</code>。</p></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/pinia.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-pinia</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/login.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-login</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<title>@fesjs/plugin-windicss | Fes.js</title>
|
||||
<meta name="description" content="一个好用的前端应用解决方案">
|
||||
<link rel="preload stylesheet" href="/fes.js/assets/style.9b2080ed.css" as="style">
|
||||
<script type="module" src="/fes.js/assets/app.46c6ed87.js"></script>
|
||||
<script type="module" src="/fes.js/assets/app.a91405c1.js"></script>
|
||||
<link rel="preload" href="/fes.js/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/framework.c1e1f082.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.1f3aa5d3.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/chunks/theme.ccc8d09f.js">
|
||||
<link rel="modulepreload" href="/fes.js/assets/reference_plugin_plugins_windicss.md.a83e9555.lean.js">
|
||||
<link rel="icon" href="/logo.png">
|
||||
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||||
@ -24,7 +24,7 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">root</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">./</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-6dc480e6 data-v-30350303><!--[--><!--]--><!----><div class="prev-next" data-v-30350303><div class="pager" data-v-30350303><a class="pager-link prev" href="/fes.js/reference/plugin/plugins/qiankun.html" data-v-30350303><span class="desc" data-v-30350303>Previous page</span><span class="title" data-v-30350303>@fesjs/plugin-qiankun</span></a></div><div class="has-prev pager" data-v-30350303><a class="pager-link next" href="/fes.js/reference/plugin/plugins/sass.html" data-v-30350303><span class="desc" data-v-30350303>Next page</span><span class="title" data-v-30350303>@fesjs/plugin-sass</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-d3edc1d3 data-v-3bd6857d><div class="container" data-v-3bd6857d><p class="message" data-v-3bd6857d>Released under the MIT License.</p><p class="copyright" data-v-3bd6857d>Copyright © 2020-present Webank</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_css.md\":\"dff6cb1a\",\"reference_plugin_plugins_layout.md\":\"82696a56\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"guide_contributing.md\":\"e88cef42\",\"guide_faq.md\":\"82040b82\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"guide_template.md\":\"6735687b\",\"guide_upgrade3.md\":\"f74882c1\",\"index.md\":\"3e788872\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"guide_builder.md\":\"b359815f\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\",\"guide_directory-structure.md\":\"df257571\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"guide_config.md\":\"4e96018e\",\"guide_route.md\":\"8754e456\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"guide_runtime-config.md\":\"56bc8115\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"guide_env.md\":\"ee8bc84b\",\"reference_plugin_plugins_request.md\":\"43222d84\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_getting-started.md\":\"c352b5c1\",\"guide_image.md\":\"cfb36581\",\"reference_api.md\":\"2c52417d\",\"reference_api_index.md\":\"a34a40df\",\"reference_cli_index.md\":\"9680e116\",\"guide_index.md\":\"b02ebfe7\"}")
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide_config.md\":\"4e96018e\",\"guide_contributing.md\":\"e88cef42\",\"guide_css.md\":\"dff6cb1a\",\"guide_directory-structure.md\":\"df257571\",\"guide_faq.md\":\"82040b82\",\"guide_builder.md\":\"b359815f\",\"guide_image.md\":\"cfb36581\",\"guide_env.md\":\"41fde850\",\"guide_route.md\":\"8754e456\",\"guide_index.md\":\"b02ebfe7\",\"guide_mock.md\":\"541ceb28\",\"guide_plugin.md\":\"c99dbfa8\",\"guide_public.md\":\"eb9a78cd\",\"guide_getting-started.md\":\"ac67d8b9\",\"guide_runtime-config.md\":\"56bc8115\",\"guide_upgrade3.md\":\"f74882c1\",\"reference_api.md\":\"2c52417d\",\"reference_plugin_dev_api.md\":\"ce09875b\",\"index.md\":\"9756eda3\",\"reference_cli_index.md\":\"88d6551f\",\"reference_api_index.md\":\"a34a40df\",\"reference_plugin_plugins_windicss.md\":\"a83e9555\",\"reference_plugin_plugins_locale.md\":\"1edeea8b\",\"reference_plugin_plugins_request.md\":\"bfd9ee9a\",\"reference_plugin_plugins_editor.md\":\"f8bfc420\",\"reference_plugin_plugins_enums.md\":\"cbb61e98\",\"reference_plugin_plugins_icon.md\":\"85704c28\",\"reference_plugin_plugins_login.md\":\"7a14ea57\",\"reference_plugin_plugins_model.md\":\"f425528b\",\"reference_plugin_plugins_pinia.md\":\"ca5af68a\",\"reference_plugin_plugins_qiankun.md\":\"6d83cda5\",\"reference_plugin_plugins_layout.md\":\"45358f84\",\"reference_plugin_dev_index.md\":\"3d159519\",\"reference_plugin_index.md\":\"c59c462a\",\"reference_plugin_plugins_jest.md\":\"e67f6ac7\",\"guide_template.md\":\"6735687b\",\"reference_plugin_plugins_request-4.md\":\"9d66374b\",\"reference_config_index.md\":\"7ed2a419\",\"reference_plugin_plugins_vuex.md\":\"ebec67ba\",\"reference_plugin_plugins_sass.md\":\"9c97c518\",\"reference_plugin_plugins_watermark.md\":\"0cecce74\",\"reference_plugin_plugins_access.md\":\"08924ef1\",\"reference_plugin_plugins_swc.md\":\"dc3e99c1\"}")
|
||||
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Fes.js\",\"description\":\"一个好用的前端应用解决方案\",\"base\":\"/fes.js/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/WeBankFinTech/fes.js\"}],\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"编译时配置\",\"link\":\"/reference/config/\"},{\"text\":\"API\",\"link\":\"/reference/api/\"},{\"text\":\"插件\",\"link\":\"/reference/plugin/\",\"activeMatch\":\"/plugin/\"},{\"text\":\"CLI\",\"link\":\"/reference/cli/index.md\"},{\"text\":\"v3.0.11\",\"items\":[{\"text\":\"v2.0\",\"link\":\"https://fesjs.mumblefe.cn/2.0/\"},{\"text\":\"v1.0\",\"link\":\"https://fesjs.mumblefe.cn/1.0/\"}]},{\"text\":\"了解更多\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://github.com/WeBankFinTech/fes.js/blob/master/CHANGELOG.md\"},{\"text\":\"fes-design\",\"link\":\"http://fes-design.mumblefe.cn/\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/index.md\"},{\"text\":\"快速上手\",\"link\":\"/guide/getting-started.md\"}]},{\"text\":\"基础\",\"items\":[{\"text\":\"目录结构\",\"link\":\"/guide/directory-structure.md\"},{\"text\":\"Vite 和 Webpack 双构建\",\"link\":\"/guide/builder.md\"},{\"text\":\"编译时配置\",\"link\":\"/guide/config.md\"},{\"text\":\"运行时配置\",\"link\":\"/guide/runtime-config.md\"},{\"text\":\"环境变量\",\"link\":\"/guide/env.md\"},{\"text\":\"路由\",\"link\":\"/guide/route.md\"},{\"text\":\"插件\",\"link\":\"/guide/plugin.md\"},{\"text\":\"HTML 模板\",\"link\":\"/guide/template.md\"},{\"text\":\"Mock 数据\",\"link\":\"/guide/mock.md\"},{\"text\":\"从 2.0.x 迁移到 3.0.x\",\"link\":\"/guide/upgrade3.md\"}]},{\"text\":\"样式和资源文件\",\"items\":[{\"text\":\"使用图片\",\"link\":\"/guide/image.md\"},{\"text\":\"使用 css\",\"link\":\"/guide/css.md\"},{\"text\":\"静态资源\",\"link\":\"/guide/public.md\"}]},{\"text\":\"贡献指南\",\"link\":\"/guide/contributing.md\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq.md\"}],\"/reference/plugin/\":[{\"text\":\"介绍\",\"link\":\"/reference/plugin/index.md\"},{\"text\":\"Plugins\",\"items\":[{\"text\":\"@fesjs/plugin-access\",\"link\":\"/reference/plugin/plugins/access.md\"},{\"text\":\"@fesjs/plugin-enums\",\"link\":\"/reference/plugin/plugins/enums.md\"},{\"text\":\"@fesjs/plugin-icon\",\"link\":\"/reference/plugin/plugins/icon.md\"},{\"text\":\"@fesjs/plugin-jest\",\"link\":\"/reference/plugin/plugins/jest.md\"},{\"text\":\"@fesjs/plugin-layout\",\"link\":\"/reference/plugin/plugins/layout.md\"},{\"text\":\"@fesjs/plugin-locale\",\"link\":\"/reference/plugin/plugins/locale.md\"},{\"text\":\"@fesjs/plugin-model\",\"link\":\"/reference/plugin/plugins/model.md\"},{\"text\":\"@fesjs/plugin-request\",\"link\":\"/reference/plugin/plugins/request.md\"},{\"text\":\"@fesjs/plugin-vuex\",\"link\":\"/reference/plugin/plugins/vuex.md\"},{\"text\":\"@fesjs/plugin-qiankun\",\"link\":\"/reference/plugin/plugins/qiankun.md\"},{\"text\":\"@fesjs/plugin-windicss\",\"link\":\"/reference/plugin/plugins/windicss.md\"},{\"text\":\"@fesjs/plugin-sass\",\"link\":\"/reference/plugin/plugins/sass.md\"},{\"text\":\"@fesjs/plugin-editor\",\"link\":\"/reference/plugin/plugins/editor.md\"},{\"text\":\"@fesjs/plugin-pinia\",\"link\":\"/reference/plugin/plugins/pinia.md\"},{\"text\":\"@fesjs/plugin-watermark\",\"link\":\"/reference/plugin/plugins/watermark.md\"},{\"text\":\"@fesjs/plugin-login\",\"link\":\"/reference/plugin/plugins/login.md\"},{\"text\":\"@fesjs/plugin-swc\",\"link\":\"/reference/plugin/plugins/swc.md\"}]},{\"text\":\"插件开发\",\"items\":[{\"text\":\"插件介绍\",\"link\":\"/reference/plugin/dev/index.md\"},{\"text\":\"插件API\",\"link\":\"/reference/plugin/dev/api.md\"}]}]},\"outline\":{\"label\":\"本页目录\"},\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2020-present Webank\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
|
||||
|
||||
</body>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user