imba static site

注意：建议新项目使用较新的 https://github.com/imba/imba-vite-template。该存储库将作为 ESBuild 捆绑程序的替代方案保留下来，但随着我们专注于 Vite 的发展，可能不会看到太多更新。

为静态托管构建 Imba

这是构建静态托管 Imba 的起点。它还可用于使用 imbutter 将 Imba 构建到本机应用程序中。

原始的build.js脚本在这里：https://gist.github.com/trafnar/05ebbf0f5193e69f998f41b154d18190

可用脚本

在项目目录中，您可以运行：

npm start

在开发模式下运行应用程序。在浏览器中打开http://localhost:3000即可查看。

如果您进行编辑，页面将重新加载。您还将在控制台中看到任何 lint 错误。

npm run build

将用于生产的应用程序构建到dist文件夹中。

请注意， dist/html是静态版本。

部署

Github 页面

总长DR

创建一个新的 github 存储库并将YOUR_NEW_GITHUB_REPO_URL替换为新存储库的 url。

 npx imba create project_name
cd project_name
git add --all
git commit -m "initial commit"
git remote add origin YOUR_NEW_GITHUB_REPO_URL
git push -u origin main

npx imba build --baseurl . server.imba
npx touch dist/public/.nojekyll
npx gh-pages --no-history --dotfiles --dist dist/public

要查找项目已部署到的 URL，请导航到存储库设置的Pages选项卡。

解释

对于静态托管，我们使用.作为基本网址。

 npx imba build --baseurl . server.imba

是的，即使我们不会使用任何服务器端文件，我们仍然使用server.imba文件进行构建。

由于 Github Pages 默认使用 Jekyll，因此以下划线开头的路径（如__assets__ ）将无法加载，因此我们必须通过执行以下操作来指定我们不想使用 Jekyll：

 npx touch dist/public/.nojekyll

一旦所有这些都解决了，使用npx gh-pages实际部署到 github 页面非常容易，它将创建一个名为gh-pages新 git 分支，并默认从那里提供我们的文件。

• 出于我们的目的，指定--dotfiles非常重要，因为需要.nojekyll文件。
• 我们还想使用dist/public作为基本目录。
• 由于我们不需要gh-pages分支来进行实际版本控制，因此我更喜欢使用--no-history标志。

 npx gh-pages --no-history --dotfiles --dist dist/public