HOME
Tags
React
React
React.jsをビルドしてexternals利用
React.jsプロジェクトでは、webpackによるビルド時のデフォルト挙動がReact.jsライブラリ自体もビルドするため、時間がかかります。 そのため、externals指定してReact.js …
ES2015で静的なライブラリ塊をバンドルする
複数のJavascriptモジュール(ファイル)から、単一のライブラリを作りたい場合向けに、webpack・Babel・ES2015のimport / exportを活用してビルドする方式のアウトライ …
webpackで共有ライブラリを使う&作るビルド設定
webpackをシンプルに導入すると、SPAのようにモノリシックなファイルにバンドルされますが、設定しだいでモジュール化も可能です。(モノリスなライブラリ作成ノウハウについては、 ES2015で静的な …
React.js / ES2015向けwebpackビルド設定
ES2015やReact.jsでWebアプリ開発する場合、Babelやwebpack(またはbrowserify)などのツールチェーンが不可欠です。 事実上、開発に入る前にビルド環境は構築し切っておく …
npm / yarn のライブラリ管理手順
各プロジェクト用ライブラリの一括更新フロー npm package.jsonを置いたディレクトリでnpm outdatedを実行して更新対象を確認したうえで、npm update。 $ npm …
es2015をairbnb流にESLintするための設定
ブラウザをターゲットとするUI開発では、Javascriptの開発ツールが重要になります。 機械的なバグチェック用途では、lintツールが主力のツールとなり、いま、ES2015規格に沿った開発が浸透し …
既存のRailsにReact.jsを導入する
React.jsは、ネイティブアプリのようにインタラクティブなUIを作りやすくするためのJavascriptライブラリです。 従来、Webサービス分野ではjQueryが近い機能を果たしてきました …