[Guidance] Deep import issues

[arpowers]

This is a similar issue to the one in #1041 ... In my case, I'm trying to include: dayjs/plugin/relativeTime

As described here on the page for RelativeTime by DayJS they want you to include a deeply nested plugin from their dep .

However, in Vite I can't seem to import the module. Getting the following:

[vite] Avoid deep import "dayjs/plugin/relativeTime" (imported by /@modules/@factor/api/time.ts)
because "dayjs" has been pre-optimized by vite into a single file.
Prefer importing directly from the module entry:

  import { ... } from "dayjs"

I need some clarification as to how this should be handled.

[aleclarson]

Have you tried this in Vite config?

optimizeDeps: {
  exclude: ['dayjs'],
}

[arpowers]

Ya it's in CJS format so needs to be optimized

[aleclarson]

For dayjs in particular, you're in luck.

import relativeTime from 'dayjs/esm/plugin/relativeTime'

For other libraries, you can fork them and import the original source, as long as it uses ES modules.

import relativeTime from 'dayjs/src/plugin/relativeTime'

[arpowers]

@aleclarson thanks !