web app templateのダウンロード - web app templateソースコードのダウンロード

web app template

ウェブサイトデータ

1.0.0

ダウンロード

ウェブアプリテンプレート

フレームワークに依存しないweb app template 。このプロジェクトは、React が削除されていることを除いて、Create React App に似ています。

ウェブアプリを表示します。

前提条件

Node.js

インストール

リポジトリのクローンを作成します。

git clone https://github.com/remarkablemark/web-app-template.git
cd web-app-template

プロジェクトの名前を変更します。

web app template /My App Template/g' git grep -l 'Web App' | xargs sed -i '' -e 's/Web App/My App/g'">

git grep -l web-app-template | xargs sed -i ' ' -e ' s/web-app-template/my-app/g '
git grep -l ' web app template ' | xargs sed -i ' ' -e ' s/ web app template /My App Template/g '
git grep -l ' Web App ' | xargs sed -i ' ' -e ' s/Web App/My App/g '

ファイルを更新します。

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

npm install

新しいリポジトリを初期化します。

rm -rf .git
git init

最初のコミットを行います。

git add .
git commit -m ' feat: initialize project from web-app-template '

コミットメッセージは、リリース時に使用される従来のコミット形式に従います。

準備ができたら、ローカルリポジトリを GitHub (または別のリモートリポジトリ) にプッシュします。

git remote add origin < remote-repository-url >
git push origin -u origin master

利用可能なスクリプト

プロジェクトディレクトリでは、次を実行できます。

`npm start`

アプリを開発モードで実行します。

http://localhost:3000 を開いてブラウザで表示します。

編集を行うとページがリロードされます。

コンソールには lint エラーも表示されます。

`npm run build`

実稼働用のアプリをbuildフォルダーにビルドします。

運用モードで正しくバンドルされ、最高のパフォーマンスが得られるようにビルドが最適化されます。

ビルドは縮小され、ファイル名にはハッシュが含まれます。

アプリをデプロイする準備ができました。

詳細については、展開に関するセクションを参照してください。

`npm run release`

package.jsonバージョンを標準バージョンにバンプします。

`npm run deploy`

buildフォルダーをリモートリポジトリのgh-pagesブランチに強制的にプッシュすることで、アプリを GitHub Pages にデプロイします。

環境変数

環境変数はREACT_APP_ではなくWEB_APP_で始まる点を除けば、Create React App と同様に機能します。

例えば：

 # .env
WEB_APP_VERSION=$npm_package_version
WEB_APP_DOMAIN=www.example.com
WEB_APP_FOO=$DOMAIN/foo

テスト

テストは Create React App と同じように実行されます。

npm test

建てる

以下を使用して実稼働アプリをローカルに構築できます。

npm run build

アプリがサブディレクトリでホストされている場合は、ビルドディレクトリの名前を変更します。

mv build web-app-template

または、アプリがルートでホストされている場合は、ビルドディレクトリを入力します。

 cd build

静的ファイルサーバーを起動します。

python -m SimpleHTTPServer

Ctrl + Cでサーバーを停止します。

http://localhost:8000 を開いてブラウザで表示します。

アプリがサブディレクトリでホストされている場合は、ディレクトリの一覧でフォルダーを開きます。

完了したら、ビルドディレクトリをクリーンアップします。

アプリがサブディレクトリでホストされている場合:

rm -rf web-app-template

または、アプリがルートでホストされている場合:

rm -rf build

レイアウト

ディレクトリ構造 (ドットファイルは省略):

tree -I ' build|node_modules '
.
├── LICENSE
├── README.md
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
└── src
    ├── index.css
    ├── index.js
    ├── reportWebVitals.js
    └── setupTests.js

2 directories, 13 files