本レポジトリは、togomedium.org におけるWebサイトのソースコードを管理するためのレポジトリです。
- NodeJS及びyarnの最新安定版
- 本要件は開発・修正作業を行うPCに対する要件でありではありません
本レポジトリでは、環境変数を管理するために .env
ファイルを使用しています。
本番環境で動作させるためには.env
ファイルは、以下のように記述します。
開発中は適宜参照先を変更してください。
URL_API=http://togomedium.org/sparqlist/api/
URL_STANZA=https://dbcls.github.io/togomedium-stanza/
yarn install
yarn webpack
public
にファイルを書き出す
yarn serve
上記 webpack
に加えてbrowserSyncサーバーを起動する。
確認用URLは以下
http://localhost:9000/
yarn build
上記 webpack
と同等かつ圧縮・難読化を行う。デプロイ前に使用する。
圧縮設定は webpack.config.ts
から変更可能。
本プロジェクトでは ESLint, StyleLint 及び prettier を採用している。以下の拡張子に対して保存時に自動で適用されるようにエディターの設定を行うこと。
ESLint
:js,jsx,ts,tsx
StyleLint
:scss
prettier
:js,jsx,ts,tsx,json,yaml,pug,scss,css
デプロイ時にはサーバーに応じて以下のリライトルールを設定してください。
location / {
rewrite ^/medium/$ /medium/index.html break;
rewrite ^/medium/.*$ /medium/detail.html break;
rewrite ^/organism/$ /organism/index.html break;
rewrite ^/organism/.*$ /organism/detail.html break;
rewrite ^/component/$ /component/index.html break;
rewrite ^/component/.*$ /component/detail.html break;
rewrite ^/taxon/$ /taxon/index.html break;
rewrite ^/taxon/.*$ /taxon/detail.html break;
}
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^taxon/$ /taxon/index.html [END]
RewriteRule ^taxon/.+$ /taxon/detail.html [END]
RewriteRule ^medium/$ /medium/index.html [END]
RewriteRule ^medium/.+$ /medium/detail.html [END]
RewriteRule ^organism/$ /organism/index.html [END]
RewriteRule ^organism/.+$ /organism/detail.html [END]
RewriteRule ^component/$ /component/index.html [END]
RewriteRule ^component/.+$ /component/detail.html [END]