vite cjs 적용 안되는 문제

문제

위와 같이 module.export로 이루어진 js파일을 빌드시 오류가 발생했다

// vite.config.js

optimizeDeps: { // 개발시 cjs 적용
    include: ["src/cjs/index.js"]
},
build: { // 빌드시 cjs 적용
  commonjsOptions: {
    esmExternals: true,
    transformMixedEsModules: true,
    include: [
      "src/cjs/*",
   ]
},

해결

개발환경에선 optimizeDeps.include 옵션을 이용하여 cjs파일을 따로 적용해주었고
빌드환경에선 commonjsOptions.include에서 적용해주어서 해결하였다.