webpack 및 babel 설정 등등

js 의 생태계는 밀림과 같다..

조금 고통스럽지만 피학을 즐기는 사람이 되어야제..

공식홈 

https://webpack.js.org/

기본 설정

바벨 설정

https://poiemaweb.com/es6-babel

참고 설정 ( 좀 괜찮은 듯 )

https://medium.com/@benjaminwoojang/webpack-4%EC%99%80-babel-7%EC%9C%BC%EB%A1%9C-react%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EC%85%8B%EC%97%85%ED%95%98%EA%B8%B0-340e00d2760b

eslint 설정

웹팩 설정 :: https://memory.today/dev/31

아 하다보니 .. 이렇게;; package.json  이...;; 음;; 

hot reload : 

https://blog.wax-o.com/2018/05/webpack-loaders-babel-sourcemaps-react-hot-module-reload-typescript-modules-code-splitting-and-lazy-loading-full-tutorial-to-transpile-and-bundle-your-code/

"devDependencies": {
  "@babel/cli": "^7.2.3",
  "@babel/core": "^7.2.2",
  "@babel/preset-env": "^7.2.3",
  "babel-cli": "^6.26.0",
  "babel-eslint": "^10.0.1",
  "babel-loader": "^8.0.5",
  "babel-preset-env": "^1.7.0",
  "eslint": "^5.12.0",
  "eslint-config-standard": "^12.0.0",
  "eslint-plugin-html": "^5.0.0",
  "eslint-plugin-import": "^2.14.0",
  "eslint-plugin-node": "^8.0.1",
  "eslint-plugin-promise": "^4.0.1",
  "eslint-plugin-standard": "^4.0.0",
  "html-webpack-plugin": "^3.2.0",
  "webpack": "^4.28.1",
  "webpack-cli": "^3.2.1"
}