Categorywebpack (2)

[Redux] React + Redux + Express WebApplication Boilerplate

Redux + Express Website BoilerPlateRedux + Express Website BoilerPlateInstallationFeaturesUsing Time Machine Debugging기본 웹 레이아웃으로 구성된 보일러플레이트입니다. 라우팅은 react-router v3을 사용합니다.back-end는 express를 사용하고 있으며, front-end는 react+redux를 사용하고 있습니다. 브라우저 확장프로그램 redux-devtools를 이용하여 시간여행 디버깅을 지원합니다. 스타일은 기본적으로 SASS를 사용하며 부트스트랩도 추가되어있습니다. 자세한 특징은 Features 항목을 참고해주세요 InstallationGithub 바로가기If you are using a y..

[ETC] Webpack에서 NODE_ENV 사용하기 및 Heroku 환경변수 설정

Heroku에 작업물을 올리고 빌드를 했더니 오류가 발생한다.디버그 해보니 로컬에서 작업할 때 사용한 NODE_ENV 환경변수를 webpack에서 빌드 후에 제대로 불러오지 못하고 있었다. process.env.NODE_ENV를 사용하기 위해서 webpack definePlugin 기능을 사용하였고 말끔하게 해결됐다.DefinePlugin 사용WebPack Config에 아래와 같이 설정을 추가해 주자module.exports = [{ plugins: [ new webpack.DefinePlugin({ 'process.env': { 'NODE_ENV': JSON.stringify(process.env.NODE_ENV) } }) }] 위 플러그인을 추가해주고 다시 빌드 하니 정상적으로 동작하는걸 확인 할 ..