더북(TheBook)

22.1.2 프로덕션용 webpack 설정 변경

 

코드 스플리팅을 제대로 할 수 있도록 webpack.config.prod.js 파일을 수정하세요. 일단 자주 변경하지 않는 코드인 react, react-dom, redux, axios, codemirror 등 라이브러리들을 entry 부분의 vendor로 추가하세요.

config/webpack.config.prod.js - entry

  entry: {
    app: paths.appIndexJs,
    vendor: [
      require.resolve(‘./polyfills’),
     ‘react’,
     ‘react-dom’,
     ‘react-router-dom’,
     ‘redux’,
     ‘axios’,
     ‘codemirror’,
     ‘prismjs’
    ],
  },

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.