Skip to main content

静态模板部署

本章开始前，默认你的 package.json 中的 script 的配置如下：

{  "scripts": {    "build": "viter build",    "serve": "viter preview"  }}

要部署静态站点前，先执行 npm run build 进行生产环境打包，然后将打包后的资源文件部署至服务器或者 cdn 上。

静态 html 模板可以参考：

<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8" />    <link rel="icon" type="image/svg+xml" href="src/favicon.svg" />    <meta name="viewport" content="width=device-width, initial-scale=1.0" />    <title>Viter App</title>    <script type="module" crossorigin src="/assets/index.1e85b3c5.js"></script>  </head>  <body>    <div id="root"></div>  </body></html>

简单的静态部署建议直接使用打包生成的 html 文件，修改其中的资源文件地址到正确的部署地址即可。