React + Babel + webpack開発環境

[y-akamatsu]

Reactの開発環境を構築する npmからインストールする

 npm install --save react //reactのインストール

npm install --save react-dom //仮想DOMをインストール

npm i -D webpack webpack-stream //webpack　webpack-streamのインストール

npm i -D babel-core babel-loader babel-polyfill //babelのインストール 

npm i -D babel-preset-es2015 //babelにes2015を読み込まる

npm i -D babel-preset-react

npm i -D gulp-plumber gulp-notify

//gulp plumber エラーが出た時に処理を止めないようにする
//gulp notify エラーや処理が終了した時に通知をする

[y-akamatsu]

インストール後のpackage.json

"devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.5",
    "babel-polyfill": "^6.26.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "browser-sync": "^2.26.3",
    "gulp": "^4.0.0",
    "gulp-notify": "^3.2.0",
    "gulp-plumber": "^1.2.1",
    "gulp-watch": "^5.0.1",
    "webpack": "^4.29.4",
    "webpack-stream": "^5.2.1"
  },
  "dependencies": {
    "react": "^16.8.2",
    "react-dom": "^16.8.2"
  }
}