imba static site

참고 : 새로운 프로젝트에는 새로운 https://github.com/imba/imba-vite-template가 권장됩니다. 이 repo는 Esbuild Bundler 대안으로 남아 있지만 앞으로 나아가는 Vite에 중점을 두므로 많은 업데이트가 보이지 않을 수 있습니다.

정적 호스팅을위한 IMBA 구축

이것은 IMBA를 구축하는 출발점입니다. 또한 Imbut

Original build.js 스크립트는 여기에 있습니다 : https://gist.github.com/trafnar/05ebbf0f5193e69f998f41b154d18190

사용 가능한 스크립트

프로젝트 디렉토리에서는 다음을 실행할 수 있습니다.

npm start

개발 모드에서 앱을 실행합니다. 브라우저에서 http : // localhost : 3000을 엽니 다.

편집하면 페이지가 다시로드됩니다. 콘솔에 보풀 오류가 표시됩니다.

npm run build

dist Folder에 생산을위한 앱을 구축합니다.

dist/html 은 정적 버전입니다.

전개

Github 페이지

tldr

새 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을 찾으려면 프로젝트가 배포되었습니다. REPO 설정의 Pages 탭으로 이동하십시오.

설명

정적 호스팅의 경우 사용을 만듭니다 . baseurl로.

 npx imba build --baseurl . server.imba

예, 서버 측 파일을 사용하지 않더라도 server.imba 파일을 사용하여 여전히 빌드합니다.

github 페이지는 기본적으로 jekyll을 사용하기 때문에 밑줄로 시작하는 경로 ( __assets__ 와 같은)는로드되지 않으므로 다음을 통해 jekyll을 사용하고 싶지 않다고 지정해야합니다.

 npx touch dist/public/.nojekyll

이 모든 것이 정리되면 실제로 Github 페이지에 배포하는 것은 npx gh-pages 에서 쉽게 쉽게 사용되므로 gh-pages 라는 새 GIT 지점을 만들고 기본적으로 파일을 제공합니다.

• 우리의 목적을 위해 필요한 .nojekyll 파일로 인해 --dotfiles 지정하는 것이 중요합니다.
• 또한 dist/public 기본 디렉토리로 사용하고 싶습니다.
• 실제 버전 제어를 위해 gh-pages 브랜치가 필요하지 않기 때문에 --no-history 플래그도 사용하는 것이 좋습니다.

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