번들러의 일종  굉장히 편리하다고하여 설치하고 셋팅 

 

Webpack4 설치하고 

셋팅파일 작성 

 

 

const webapck = require('webpack') 

module.exports = { 

mode : 'development', 

entry : { 

app : '', 

}, 

output :{ 

path : '', 

filename : '', 

publicpath : '', 

}, 

module : { 

}, 

plugins : [] , 

optimization : {}, 

resolve : { 

modules : ['node_modules'] , 

extenstions : ['.js','.json','.jsx','.css', ] 

} 

} 

 

Resolve ->경로  확장자 처리 

Extensions -> 확장자처리  4개는 따로 입력할 필요 없어진다. 

 

 

Mode -> 4에서 추가된옵션 배포용이면 production 

 

Entry -> 웹팩이 파일을 읽는 부분 

 


'오락기 > node' 카테고리의 다른 글

express에서 CORS 허용  (0) 2018.09.28
es6의 모듈  (0) 2018.08.17
새로 개발할 모니터링 리액트용 환경구성  (0) 2018.08.17
ejs 익스프레스 자바스크립트 템플릿  (0) 2018.08.17
express routing static dir  (0) 2018.08.17

+ Recent posts