【React】消せない警告「Warning: It looks like you're using a minified copy of the development build of React. When deploying React apps to production, make sure to use the production build which skips development warnings and is faster.」を消す方法
こういうの出てた
「Warning: It looks like you're using a minified copy of the development build of React. When deploying React apps to production, make sure to use the production build which skips development warnings and is faster.」
「警告：あなたは「Reactの開発ビルドの圧縮されたコピー」を使用しているようです。製品としてReactアプリを展開する際、開発の警告をスキップする、より高速である製品ビルドを使用するようにしてください。」
と書いてあるみたい。
その対応。
使っているビルドツールがbrowserfiyかwebpackかで対応が違うみたい。
browsefiyなら
ここ
webpackなら
ここらへん
自分はbrowserfiyだった。
やること
gulpファイルのどこでもいいからtaskを一つ追加
①
gulp.task('default', ['browserify', 'watch', 'browser-sync']);
↓
gulp.task('default', ['apply-prod-environment','browserify', 'watch', 'browser-sync']);
②
どこでもあいているところに下記を追加
gulp.task('apply-prod-environment', function() {
process.env.NODE_ENV = 'production';
});
これでgulpを再起動したら消えた
【 併せて読みたい 】
【REACT】REACTの動きを理解したい人の為の最小サンプル
【REACT入門】過去のREACT初心者の自分にREACTのPROPSとSTATEの違いを簡単に説明してあげたい
【REACT × ES6 × FLUX】を手っ取り早く学びたい人の為にサンプル作ったよ【3の倍数と3が付くときだけ猫になるCOUNTER】