/Algo_Playing

직접 알고리즘을 그려보고 코드 및 구현해보는 repo

Primary LanguageHTML

Algorithm Graph Javascript

lerna

2022.1.15

  • TypeError: MiniCssExtractPlugin is not a constructor

    • 이미 facebook에 하루 전 올라와 있던 issue

    • 임시 해결책 : mini-css-extract-plugin 버전을 2.4.5 버전으로 다운그레이드할 것

    • 링크

2022.1.18

  • webpack시 unknown word가 style-loader에서 나는 이유

    • mini-css-extract-plugin과 style-loader는 같이 사용하는 것이 아님

    • 참고 링크

  • yarn install 시 업데이트 오류 확인 필요 & 화면 렌더링 시 화면 로딩 속도가 느린 것을 확인함

  • yarn workspace를 사용하기 위해 yarn version을 올릴 시, pnp를 사용한다면?

    • webpack과 pnp 사이에 pnp-webpack-plugin 설치 및 사용이 필요함

    • 참고 repo

  • lerna를 통해 webpack을 실행하려고 lerna run --scope graph run test를 해도 오류가 난다면?

    • webpack은 webpack-cli하고 의존성이 있음

    • 여기에서 알려주는 방법 해봤지만, yarn workspace로 yarn install을 통해 사용하는 것이 더 잘됨

2022.01.20 - webpack multi entry, sass-loader 관련 적용

  • 링크에서 참고해서 webpack 설정 변경

  • material-components-web을 webpack에서 사용시 sass-loader에서 importer를 webpack 옵션에서 제거해주어야 빌드시 오류가 나지 않는다.

  • webpack으로 빌드하다보니, bundle 크기가 11.5M로 너무 큼

    • 웹 페이지를 다운로드 받을 때마다 다운받을 것인가?

  • 사이즈를 체크해보고 확인하자

    • webpack-bundle-analyzer로!

  • 어떻게 하면 번들 사이즈를 더욱 줄일 수 있을까 => uglify => terser-webpack-plugin

    • .yarn에 있는 파일들도 큰편