web/webpack

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

반응형

어느 순간 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} }
]


반응형