webpack
-
[npm] 프로젝트 환경 설정Programming/Web 2020. 2. 6. 02:58
npm node 모듈 다운로드와 관리를 지원하는 프로그램 webpack ES6의 import, export 지원 여러개의 .js 파일들을 웹팩빌더가 자동으로 서로 의존관계를 파악해, 하나의 묶여진 .js 파일로 만들어 배포를 도와줌 babel 모듈 : 웹팩에서 바벨모듈을 불러와, ES6 코드를 ES5 로 변환시켜 준다. (하위버전 브라우저까지 지원하고자 할때 필요) 환경 설정 순서 개발 폴더 생성 터미널로 폴더 경로 들어감 ls npm init //npm 프로젝트 생성. package.json 파일 생성 확인 웹팩 설치 vi package.json -> script {.... "start" : "webpack" } 추가 vi webpack.config.js // 웹팩 설정파일 추가 필요한 파일들 생성 :..