読者です 読者をやめる 読者になる 読者になる

webpack, React Hot Loader + Browsersync でクロスブラウジング+ホットリロード開発

React Hot Loader + Browsersync React Hot Loader を使えば、エディタを保存した時点で、React コンポーネントの変更が検知され、ブラウザの更新が自動で行われます。さらに、React Hot Loader はHotModuleReplacementPlugin(HMR) を使用しているため、更新…

Uncaught ReferenceError: require is not defined 対処法まとめ

前にも記事を書きましたが、少し勉強した中で他にも解決法を見つけたのでまとめておきます。 さて、クライアントサイドのJavaScriptではrequireを使ってNode.jsのモジュールを読み込むことはできません。したがって以下の様なツールを組み込む必要があります…

いつまでimport Reactしているつもり? Webpack-ProviderPlugin

1日に何回このようなimport宣言を書いていますか? import React from 'react' import ReactDOM 'react-dom' import $ from 'jquery' ファイルごとにいちいちimportするのはめんどくさいですよね。書き忘れるとエラーも起こすし。 そこで活躍するのがWebpack…

Webpack入門編

Webpack入門編 Webpackとは? Webpack フロントエンドにおける依存関係を管理し、まとめて使えるようにしてくれるスグレモノ。Browserifyより多機能だが、その分学習コストも高い。 uraway.hatenablog.com インストール プロジェクトにインストールする $ np…