Language/Type Script14 [Type Script] Javascript, Typescript와 바벨 사용하기, Webpack-Babel-Typescript 사용하기 자바스크립트와 바벨 사용 npm init -y -> package.json 추가 package.json { ... "scripts": { "babel" : "babel src -d dist" }, ... "dependencies": { "@babel/cli": "^7.17.0", "@babel/core": "^7.17.0", "@babel/preset-env": "^7.16.11" }, "devDependencies": { "@babel/cli": "^7.17.0", "@babel/core": "^7.17.0", "@babel/preset-env": "^7.16.11" } } babel을 설치하면 위와 같이 package.json에 의존성이 추가된다. package.json이 있는 위치에 .babelrc.. 2022. 2. 7. [Type Script] Webpack을 이용한 js/ts 번들링, 바벨 트랜스파일러 개념 및 설치 Webpack을 이용한 자바스크립트 번들링 실제 애플리케이션은 수백, 수천 개의 파일로 구성돼 있고 최소화, 최적화, 번들링 과정을 거쳐 최종 배포된다. npm install webpack webpack-cli -g -> 웹팩과 cli를 전역으로 설치한다. package.json에서 devDependencies은 개발 의존성으로 이 패키지들은 배포 시 포함되지 않는다. + 공부하는 책에선 chalk 라이브러리를 사용했는데, 아무리 해도 오류가 떠 그냥 안 쓰기로 함 이렇게 변경 후 npm run bundleup 명령어를 실행하면 webpack-cli가 실행된다. package.json이 위치한 경로에 webpack.config.js 파일을 만들어 위와 같이 작성한다. 그러면 출력 번들 이름이 index... 2022. 2. 5. 이전 1 2 3 4 5 ··· 7 다음