12일차

11일차의 경우 babel 공식문서를 작성했다.

Webpack

Entry

- 모듈의 시작점을 명시한다.

- single, multimain이 가능하다. multimain은 해당 종속성을 하나의 청크로 만들수 있다.

- entry를 배열로 넣을 수도 있는데 이는 확장성이 좋다.

- entry에는 여러개를 객체로 만들 수 있다.

entry: {
	main: {
    		depanedOn: 현재 진입점이 의존하는 곳으로 먼저 로드되어야 한다.
            filename: 이름
            import: 시작시 로드되는 모듈
            library: 라이브러리를 번들로 묶기위해 옵션을 지정
            runtime: 런타임 청크의 이름
            publicPath: 출력파일에 대한 공용 URL
    }
}

Output

- 번들을 만들 경로와 파일 이름을 결정한다.

여러개의 청크를 만들고 싶을 시 각자에 유일한 이름을 지정해야한다.

Loaders

- webpack은 js와 json파일만을 읽을 수 있기때문에 다른 파일들을 읽을수 있도록 해준다.

- test는 변환해야하는 파일, use는 변환하는데 사용하는 로더를 명시한다.

- css, ts등 로더를 사용 가능한다.

- 인라인(import)과 내부 객체에 구성이 가능하지만 인라인은 권장하지 않는다.

Plugins

- 로드는 특정 유형의 모듈을 변환하는데 사용하지만 플러그인은 번들 최적화 등 하는데 사용된다.

- 인수, 옵션을 사용 할 수 없으므로, new 속성에 인스턴스를 전달해야한다.(ex. new HTMLWebpackPlugin())

Mode

- dv, pr, none등 환경에 해당하는 최적화를 사용할 수 있으며 기본은 pr이다.

Browser Compatibility

- es5(ie8이하는 x)를 지원한다.\

 

Nuxt 설치완료 했지만 git이 말썽을 부려서 

https://limm-jk.tistory.com/11

어디서 많이 본 workflow Scope 에러 해결법

이것 해줘야함...