diff --git a/packages/cli/src/build.ts b/packages/cli/src/build.ts
index 2afb77f0b..71d8a0819 100644
--- a/packages/cli/src/build.ts
+++ b/packages/cli/src/build.ts
@@ -52,10 +52,15 @@ export const buildLocale = async (opts: BuildOptions = {}) => {
   const babelOpts = { ...babelConfig(buildWebpackArgs(opts) as any) };
   fs.readdirSync(localDst).forEach((file) => {
     const filePath = `${localDst}/${file}`;
+    const esModuleFileName = filePath.replace(/\.[^.]+$/, '.mjs');
+    fs.copyFileSync(filePath, esModuleFileName);
     const compiled = transformFileSync(filePath, babelOpts).code;
     fs.writeFileSync(filePath, compiled);
   });
 
+  // Remove the index.mjs as it is useless
+  fs.unlinkSync(`${localDst}/index.mjs`);
+
   printRow('Locale files building completed successfully!');
 };