2022-11-30

Learning #

• Safari cross browsing #troubleshooting #tooling
  • xcode 설치
    • App Store에서 설치 시 무한 로딩 이슈
    • https://developer.apple.com/download/all/ 에서 직접 다운로드 후, xip -x Xcode.xip 으로 압축 해제
      • 참고로 unxip 이라는 2-3배 이상 빠른 Xcode 압축 해제 프로그램이 있음.
  • Debug a web app using Simulator & Safari on Mac - Jungbin’s Blog
    • Safari Technology Preview 로 Safari에서 Simulator에서 실행 중인 디바이스의 Safari 개발자 도구에 접근할 수 있다.
• nuxt
  • extractCSS
  • optimizeCSS : NMFR/optimize-css-assets-webpack-plugin 을 사용하여 CSS Assets를 최적화한다.
    • Default
      • optimizeCSS: false
      • extractCSS: true 일 때, optimizeCSS: {}
    • Options
      • assetNameRegExp: 최적화/최소화해야 하는 자산의 이름을 나타내는 정규식입니다. 제공된 정규식은 다음에서 내보낸 파일의 파일 이름에 대해 실행됩니다. ExtractTextPlugin소스 CSS 파일의 파일 이름이 아니라 구성의 인스턴스입니다. 기본값은 /\.css$/g
      • cssProcessor: CSS를 최적화 \ 최소화하는 데 사용되는 CSS 프로세서, 기본값은 cssnano. 다음과 같은 기능이어야 합니다. cssnano.process인터페이스(CSS 및 옵션 매개변수를 수신하고 Promise를 반환함).
      • cssProcessorOptions: 에 전달된 옵션 cssProcessor, 기본값 {}
      • cssProcessorPluginOptions: 에 전달된 플러그인 옵션 cssProcessor, 기본값 {}
      • canPrint: 플러그인이 콘솔에 메시지를 인쇄할 수 있는지 여부를 나타내는 부울, 기본값은 true

Thoughts #

Reading #