みらい研究室実行委員会のWebページのrepogitory。
https://miraiken.github.io/web/
まず依存しているソフトウェアをインストールします。npmがない場合は、nvmやnodistなどでnode.jsを導入してください。
また、Gitがインストールされ、PATHから探索可能でなければなりません。
それ以外の依存はNPMにより自動的に解決できます。
$ npm install$ npm startとすると
> [email protected] start /home/aki/web
> webpack-dev-server
Project is running at http://localhost:8081/
(以下に長い出力がある)
のように実行されます(URLは可変)。
サーバーの終了はCtrl+Cです。
コードの静的チェックが導入されています。
CSSはwebpackによるビルド時に自動的にチェックされます。警告やエラーが出ていないか確認してください。 全く出ていない場合には問題ありません。
JavaScriptとpugのチェックはNPM scriptsで行います。以下で述べるscriptsが利用可能です。
eslint-nodeはNode.jsで実行されるJavaScriptのチェックを行います。
eslint-webはブラウザで実行されるJavaScriptのチェックを行います。
eslintは全てのJavaScriptのチェックを行います。
lintは、JavaScriptに加えてpugのチェックを行います。