Locale Files as UMD or Browser Injectable Bundle

In an application where users may have or switch to different locales, locale file should be in a format that can be injected with a script tag to the DOM. Like:

<script src="/js/dayjs-locales/en.umd.js" id="dayjs-locale-en"></script>

apart from solutions like dynamic import provided by webpack.

I achieved this once by coding a precompiler which transforms each locale file to a umd bundle but it was so fragile against library updates and turned back to import all locales to main build solution.

With proper bundling, we may inject and remove locale files at runtime, easily.

[iamkun]

load and invoke the locale file

How do you mean invoke ?

Load this via script element https://unpkg.com/dayjs/locale/uk, then you can use dayjs.locale('uk')

var script = document.createElement('script');
script.onload = function() {
  dayjs.locale('uk')
};
script.src = "https://unpkg.com/dayjs/locale/uk";
document.head.appendChild(script);

[iamkun]

@iamkun , If you like the index.js idea. Can I implement the same in dayjs? Ready to make a PR soon

That would be nice, please!