webpack 4.12.x 버전으로 업그레이드 후 performance 오류문제 해결

web/webpack|2018. 6. 9. 07:50

webpack을 4.12.0으로 업그레이드 하니까 갑작스럽게 아래와 같은 에러가 발생하였다.


1
2
3
WARNING in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/
cs


에러발생이유는 찾아보니까, mode를 production으로 사용하다 보니까 개발자 버전에서 필요없는 다른 오류까지도 봐야하기 때문에 dev로 변경하라는 에러 문구였다.


이를 해결하기위해서는 webpack.config.js에 아래 부분을 추가하니까 해결되었다.


1
2
3
performance: {
  hints: process.env.NODE_ENV === 'production' ? "warning" : false
},
cs




댓글()

webpack 모듈 실행시 babel waring 문제 수정

web/webpack|2018. 6. 8. 22:16

어느 순간 webpack으로 모듈화를 진행하는 도중에 다음과 같은 경고가 발생했다.


[BABEL] Note: The code generator has deoptimised the styling of "/Users/jeongcheol/Documents/workspace/wedulpos/src/main/front/lib/fontawesome/js/fontawesome-all.min.js" as it exceeds the ma

x of "500KB".


그냥 단순 경고라고 생각해서 크게 생각하지 않고 넘겼는데, 자꾸 나타나서 알아보았다.


[원인]

 이것은 "불필요한 공백 문자 및 줄 종결자를 포함하지 말라"는 Babel 컴파일러의 compact 옵션과 관련된다. 그래서 이를 해결하기 위해서는 babel의 compact옵션을 꺼주면 해결된다.



loaders: [
    { test: /\.js$/, loader: 'babel', query: {compact: false} }
]


댓글()
  1. ymkang 2019.12.18 16:28 댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다 ㅎㅎ