vite lib production build에서 css 파일명 변경하기

해결법

vite를 사용해 library mode로 빌드할 때 나오는 css파일의 이름을 변경하는 방법은 다음과 같습니다.

vite.config.js의 build/rollupOptions에 output, assetFileNames를 설정합니다.

build: {
   rollupOptions: {
    ...
      output: {
         assetFileNames: `${LIBRARY_NAME}.[ext]`,
      },
   },
},

결과