parcel static boilerplate

パーセル静的ボイラープレート

追加の構成を必要とせずに、HTML、JS、SCSS の作成をすぐに開始できるシンプルなスターター。静的サイトジェネレーターとしても使える！

発達

1. このリポジトリを複製またはダウンロードします。

    git clone https://github.com/aarongarciah/parcel-static-boilerplate.git
   

2. 依存関係をインストールします。

    npm install
   

3. 開発モードを実行します。開発 URL http://localhost:1234/を含むブラウザー タブが開きます。

    npm run dev
   

実稼働ビルド

ビルド スクリプトを実行すると、実稼働用に最適化された Web サイトが/distフォルダーに生成されます。

 npm run build

実稼働ビルドをローカルで提供する

実稼働ビルド (生成された/distフォルダー) をローカルで提供する場合は、このコマンドを実行してブラウザーでhttp://localhost:5000/を開きます。このコマンドは、 /distフォルダーを提供する前にnpm run buildコマンドを実行します。

 npm run serve

技術スタック

• 小包
• バベル
• ESLint
• より美しく
• サス
• オートプレフィクサー
• スタイルリント
• ヌンジャック
• イメージミン

やること

• すべての機能の詳細: リンティング、フォーマット、構築など。
• 使用可能なコマンドをすべて追加します。
• /staticフォルダーが 2 つある理由を説明してください。
• Parcel によるsite.webmanifestファイルの処理方法について警告します。
• Imageminの設定方法を説明します。
• Nunjuck の設定方法を説明します。
• 適切な Nunjucks コード エディター フォーマッタを見つけてください。
• 開発用に推奨される拡張機能を追加します。
• Jest を使用してテスト設定を追加しますか?