관리 메뉴

코드를 남기고 다시 한번 기록하는 블로그.. 해커정신과 개발의 도가 숨쉬는 공간이 되기를 바란다!

webpack 및 babel 설정 등등 본문

FrontEnd

webpack 및 babel 설정 등등

아둔한사 2019.01.09 14:46

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"
}


'FrontEnd' 카테고리의 다른 글

webpack 및 babel 설정 등등  (0) 2019.01.09
0 Comments