Nodejs.org 에서 설치해준다. 가능하면 짝수버전 = 현재14
- cmd
- nvm --version //버전확인
- nvm ls //list의 약어
- nvm install 12.14.1 //다운로드
- nvm use 12.14.1 //버전변경
- nvm uninstall 12.21.0 //삭제
- nvm --help //설명
Node Package Manager == NPM
npm init -y //package.json 파일이 생성됨
- npm install parcel-bundler -D //parcel-bundler 라는 모듈 다운로드 폴더와 파일이 생성됨
- npm install lodash
// -D를 붙인것은 Dev디펜던시를 의미 = 개발용 의존성 패키지 -> 추후 웹브라우저에서 사용할 땐 필요 없음
// 안붙인것은 일반 의존성 설치 => 추후 웹브라우저에서 사용할수도있음
index.html 생성 후
cmd에서 parcel index.html 입력하면 실행이 안됨
package.json - scripts 부분을 "dev": "parcel index.html" 로 변경 후 //나는 폴더안에 넣어놔서 parcel part3/index.html
- npm run dev
main.js에
- import _from 'lodash'
console.log(_.camelCase('hello world')); //카멜방식으로 출력
scripts에 추가한 dev부분은 개발자가 보는 화면, 사용자가 보는 화면은 다음을 scripts 부분에 추가
"build": "parcel build part3/index.html"
npm run build 실행하면 dist라는 폴더가 생기고, 파일들이 난독화 됨. parcel bundler가 사용
반응형
'유료강의' 카테고리의 다른 글
패스트캠퍼스 프론트엔드 수강 중간 후기 (진도율38%) (0) | 2021.11.03 |
---|---|
개발관련 사이트 (0) | 2021.10.17 |
bundler 2.bundler (0) | 2021.10.17 |
bundler 1. parcel (0) | 2021.10.17 |
Node.js npm 버전관리 / gitignore (0) | 2021.10.15 |