일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- Spock Spy
- @Transaction isolation
- frontend
- TypeScript
- mock stub spy
- Javascript
- docker desktop 유료화 정책
- @Transaction propagation
- mock stub
- 의존성주입
- vue store
- Rancher Desktop설치
- Vue+Typescript
- enum
- 자바스크립트
- Spock Mock
- 타입스크립트
- Mock vs Stub
- HTTP란
- DI
- nuxtjs/composition-api buildModules
- 공짜로 Docker Desktop같은거 쓰기
- 트랜잭션 격리
- Spock Stub
- Spock Mock Stub Spy
- docker desktop 대체
- TCP/IP
- webpack
- Docker Desktop 쓰고싶다
- ECMAScript
- Today
- Total
목록webpack (2)
끄적끄적

웹팩은 자바스크립트 모듈 번들러입니다. 오픈소스자바스크립트이며, 현재 프론트엔드 개발에 있어 웹팩이 없이 개발을 한다는 것은 상상할 수 없을 정도로 필수로 알아야하는 패키지입니다. 웹팩은 자바스크립트뿐만 아니라 Html,css까지도 번들링을 시키고 파일을 압축,의존성,캐싱관리,개발환경 등 유용한 기능 및 환경을 제공합니다. 물론 Webpack이 없이도 개발은 가능합니다. 예전의 방식대로 cdn방식으로 일일히 불러와서 사용하거나 다른 패키지를 사용하셔도 됩니다. 예를들어 common.js,require.js,grunt,gulp등등 말이죠. 하지만 이 패키지들은 웹팩만큼 광범위한 기능을 제공하지 않습니다. 단순히 모듈 번들러로써의 기능을 제공할 뿐이죠. 기본방식의 아래의 코드를 볼께요. 전에는 이런식으로 필..

우리가 구성한 패키지에 대해 알아보고 먼저 프로젝트를 진행하는게 좋을 것 같아 이번 포스팅은 우리가 환경 세팅에 활용한 패키지 구성에 대해 알아보려 합니다. "dependencies": { "babel-loader": "^8.0.6", "extract-text-webpack-plugin": "^3.0.2", "html-webpack-plugin": "^3.2.0", "path": "^0.12.7", "source-map-loader": "^0.2.4", "ts-loader": "^6.0.1", "typescript": "^3.4.5", "webpack": "^4.32.2", "webpack-cli": "^3.3.2", "webpack-dev-server": "^3.4.1", "webpack-merge":..