starbase
4.0.0
Starbase は、Vercel、Netlify、AWS Amplify などの最新の Jamstack ホスティングプロバイダーと統合するように設計された、Webpack 5、TypeScript、PostCSS、Tailwind CSS を備えた本番環境に対応した静的 Web サイトのボイラープレートです。非常にシンプルでフル機能の開発者エクスペリエンスを活用した、2024 年に利用可能になる最も強力なフロントエンド テクノロジを使用して、数分で構築を開始できます。
Starbase は、個人用コード スタイルガイドおよび柔軟なプロジェクト ボイラープレートとして Brian Staruk によって作成されました。これは、最新の業界標準を実装し、すべての依存関係を最新の状態に保つことに重点を置いて、2017 年の初めから一貫して維持されている永続的な作業です。
「シンプルさは究極の洗練です。」
- レオナルド・ダ・ヴィンチ
Starbase の主な使命は、洗練されたシンプルさであることです。構成、拡張、統合が簡単です。これにより、Web 開発者にとって、ベアメタル Webpack 構成、TypeScript、Tailwind CSS の知識を高めるための優れたプラットフォームにもなります。
開始するには、以下のコマンドを実行します。これにより、インストール プロセスが案内されます。
npx starbase@latestNode バージョンのインストールを管理するには、nvm (または nvm-windows) を使用することをお勧めします。 nvm を使用しない場合は、 /.nvmrcファイルを参照して、Node のバージョンが推奨バージョンと互換性があることを確認する必要があります。
まず、推奨バージョンの Node を実行していることを確認し、プロジェクトの依存関係をインストールします。
nvm use
npm installdevコマンドは、http://localhost:3000 でプロジェクト ソースを提供します。 /src内で変更を加えると、ソースが再コンパイルされ、Web ブラウザが更新されます。
npm run devbuildコマンドは、統合またはデプロイメントのためにプロジェクト ソースをコンパイルして/distに縮小します。
npm run buildStarbase は、Vercel、Netlify などのホスティング環境上の Web サーバーのルートにデプロイされるように設定されています。そのため、すべてのアセット (js、css、フォント、画像など) は絶対パスで参照されます。
相対パス経由でアセットを参照したい場合は、コンパイルされた.htmlファイルを配布して、ホスティング環境にデプロイすることなく Web ブラウザーで開くことができるようにするには、 /webpack/webpack.config.base.tsのpublicPathを削除 (またはコメントアウト) する必要があります。 /webpack/webpack.config.base.ts 。
絶対パスを保持したいが、ルートではなくサブディレクトリに設定したい場合は、削除する代わりに値を変更できます。
Starbase は無料のオープンソース ソフトウェアです。ぜひ素晴らしいものを作ってください。次回ボストンに来るときにビールを買ってきて、プロジェクトにスターを付けて友人に伝えることもできますし、産地の痕跡をすべて消して自分で作ったものであることを同僚に伝えることもできます。大丈夫ですよ！
