manifest을 넣고 돌리면 에러가 나와요.
331
작성한 질문수 2
아래와 같이 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 버전이라 그런것 같은데 혹시해결 방법이 있을까요?
답변 2
2
안녕하세요 금주님..!
강의 열심히 듣고 계시네요 :) 죄송하게도 아직까지 제가 웹팩 버전업에 따른 강좌 리뉴얼을 하지 못했네요..!
질문 주신 CommonsChunkPlugin은 웹팩 버전3 까지만 지원합니다. 웹팩 버전 4로 설치하셨다면 따로 플러그인 설치하지 않으셔도 되고`webpack.config.js` 파일에 아래와 같은 속성을 추가해주셔서 사용하시면 돼요.
optimization: {
splitChunks: {
cacheGroups: {
commons: {
test: /[\\/]node_modules[\\/]/,
name: 'vendor',
chunks: 'all'
}
}
}
}
또 추가로 궁금하신 부분 있으면 알려주세요! :)
강사님 리뉴얼 강좌 쿠폰 부탁드립니다.
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





