inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

쉽게 배우는 Webpack

[실습] Libraries Codes Splitting 2 - Common Chunks Plugin

manifest을 넣고 돌리면 에러가 나와요.

331

gumju park

작성한 질문수 2

1

아래와 같이 manifest  넣고 webpack 을 돌리면 에러납니다.

 

    throw new RemovedPluginError(errorMessage);

                        ^

 

Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.

    at Object.get [as CommonsChunkPlugin] (C:\work\saramin\LearnWebpack\example2\node_modules\webpack\lib\webpack.js:189:10)

    at Object.<anonymous> (C:\work\saramin\LearnWebpack\example2\webpack.config.js:18:30)

    at Module._compile (C:\work\saramin\LearnWebpack\example2\node_modules\v8-compile-cache\v8-compile-cache.js:192:30)

    at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)

    at Module.load (internal/modules/cjs/loader.js:653:32)

    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)

    at Function.Module._load (internal/modules/cjs/loader.js:585:3)

    at Module.require (internal/modules/cjs/loader.js:690:17)

    at require (C:\work\saramin\LearnWebpack\example2\node_modules\v8-compile-cache\v8-compile-cache.js:161:20)

    at requireConfig (C:\Users\user\AppData\Roaming\npm\node_modules\webpack\bin\convert-argv.js:96:18)

    at C:\Users\user\AppData\Roaming\npm\node_modules\webpack\bin\convert-argv.js:109:17

    at Array.forEach (<anonymous>)

    at module.exports (C:\Users\user\AppData\Roaming\npm\node_modules\webpack\bin\convert-argv.js:107:15)

    at Object.<anonymous> (C:\Users\user\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js:153:40)

    at Module._compile (internal/modules/cjs/loader.js:776:30)

    at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)

    at Module.load (internal/modules/cjs/loader.js:653:32)

    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)

    at Function.Module._load (internal/modules/cjs/loader.js:585:3)

    at Function.Module.runMain (internal/modules/cjs/loader.js:829:12)

    at startup (internal/bootstrap/node.js:283:19)

    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)

이런 에러 메세지 나옵니다.

webpack4 버전이라 그런것 같은데 혹시해결 방법이 있을까요?

 

Bundling 웹팩

답변 2

2

캡틴판교

안녕하세요 금주님..!

강의 열심히 듣고 계시네요 :) 죄송하게도 아직까지 제가 웹팩 버전업에 따른 강좌 리뉴얼을 하지 못했네요..!

질문 주신 CommonsChunkPlugin은 웹팩 버전3 까지만 지원합니다. 웹팩 버전 4로 설치하셨다면 따로 플러그인 설치하지 않으셔도 되고`webpack.config.js` 파일에 아래와 같은 속성을 추가해주셔서 사용하시면 돼요.

 

optimization: {
  splitChunks: {
    cacheGroups: {
      commons: {
        test: /[\\/]node_modules[\\/]/,
        name: 'vendor',
        chunks: 'all'
      }
    }
  }
}

 

또 추가로 궁금하신 부분 있으면 알려주세요! :)

0

gumju park

잘 되네요. 답변 감사 합니다.

강사님 리뉴얼 강좌 쿠폰 부탁드립니다.

2

367

4

안녕하세요. 리뉴얼 쿠폰 요청 드립니다.

1

230

1

안녕하세요!! 저도 부탁드립니다 ㅠㅠㅠ

1

279

1

안녕하세요. 리뉴얼 쿠폰 요청 드립니다.

1

299

2

리뉴얼 쿠폰 부탁드립니다 :)

1

257

2

리뉴얼 쿠폰 부탁드립니다!

1

213

1

리뉴얼 쿠폰 요청드립니다!

1

185

1

엇.. 저도 쿠폰 부탁드립니당

1

268

2

리뉴얼 쿠폰 요청드려도 될까요?

1

209

1

안녕하세요 저도 쿠폰 요청 드립니다 ㅠ__ㅠ

1

306

1

리뉴얼 쿠폰 발급 가능하신지요

1

259

1

리뉴얼 쿠폰 요청 드려도 될까요?

1

282

2

리뉴얼 쿠폰 받을 수 있을까요?

1

255

3

리뉴얼 쿠폰 요청 드려요! ㅠ.ㅠ

1

177

1

리뉴얼 쿠폰 요청드려도 될까요?

1

252

2

신규강좌 쿠폰 발급 가능할까요?ㅠㅠ

1

726

1

신규강좌 쿠폰 발급 가능해 주실 수 있을까요?

1

280

1

리뉴얼 강의 쿠폰 문의드려요.

1

262

2

쿠폰을 이제 봤는데 발급 가능할까요..?

1

351

3

리뉴얼 강의 쿠폰 발급 부탁드립니다.

1

244

1

리뉴얼 강의 쿠폰 문의

1

269

1

추가 강좌 개설해 주시면 어떨런지요? 시간이 되신다면요^^

1

156

1

쿠폰 주세요 ㅜㅜ

1

215

1

늦게 확인 했어요.. 쿠폰 가능할까요???? 감사합니다.

1

146

1