@simplysm/sd-cli 7.0.59 → 7.0.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/sd-cli",
-  "version": "7.0.59",
+  "version": "7.0.66",
   "description": "심플리즘 패키지 - CLI",
   "author": "김석래",
   "repository": {
@@ -12,6 +12,8 @@
   "bin": {
     "sd-cli": "./dist/bin/sd-cli.mjs"
   },
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "type": "module",
   "engines": {
     "node": "^16"
@@ -44,19 +46,26 @@
     "sass-loader": "^12.4.0",
     "connect": "^3.7.0",
     "node-polyfill-webpack-plugin": "^1.1.4",
-    "chokidar": "^3.5.3"
+    "chokidar": "^3.5.3",
+    "@babel/parser": "^7.17.0",
+    "@babel/types": "^7.17.0",
+    "babel-loader": "^8.2.3",
+    "jsdom": "^19.0.0",
+    "cordova": "^11.0.0",
+    "jszip": "^3.7.1"
   },
   "devDependencies": {
     "@types/semver": "^7.3.9",
     "@types/yargs": "^17.0.8",
     "@types/webpack-hot-middleware": "^2.25.5",
     "@types/connect": "^3.4.35",
-    "@types/source-map-support": "^0.5.4"
+    "@types/source-map-support": "^0.5.4",
+    "@types/jsdom": "^16.2.14"
   },
   "peerDependencies": {
-    "@simplysm/sd-core-common": "7.0.59",
-    "@simplysm/sd-core-node": "7.0.59",
-    "@simplysm/sd-service-common": "7.0.59",
-    "@simplysm/sd-service-server": "7.0.59"
+    "@simplysm/sd-core-common": "7.0.66",
+    "@simplysm/sd-core-node": "7.0.66",
+    "@simplysm/sd-service-common": "7.0.66",
+    "@simplysm/sd-service-server": "7.0.66"
   }
 }

package/src/SdCliBuildResultError.ts

@@ -0,0 +1,9 @@
+import { SdError } from "@simplysm/sd-core-common";
+import { ISdCliPackageBuildResult } from "./commons";
+import { SdCliBuildResultUtil } from "./utils/SdCliBuildResultUtil";
+
+export class SdCliBuildResultError extends SdError {
+  public constructor(buildResult: ISdCliPackageBuildResult) {
+    super(SdCliBuildResultUtil.getMessage(buildResult));
+  }
+}

package/src/bin/sd-cli.ts

@@ -5,11 +5,11 @@ import { hideBin } from "yargs/helpers";
 import { Logger, LoggerSeverity } from "@simplysm/sd-core-node";
 import { SdCliWorkspace } from "../entry-points/SdCliWorkspace";
 import { SdCliLocalUpdate } from "../entry-points/SdCliLocalUpdate";
-import sourceMapSupport from "source-map-support";
+// import sourceMapSupport from "source-map-support";
 import { SdCliNpm } from "../entry-points/SdCliNpm";
 import { SdCliPrepare } from "../entry-points/SdCliPrepare";
 
-sourceMapSupport.install();
+// sourceMapSupport.install();
 
 Error.stackTraceLimit = Infinity;
 

package/src/build-tool/SdCliCordova.ts

@@ -0,0 +1,219 @@
+import { INpmConfig, ISdCliClientPackageCordovaConfig, TSdCliCordovaPlatform } from "../commons";
+import * as path from "path";
+import { FsUtil, Logger, SdProcess } from "@simplysm/sd-core-node";
+import { NotImplementError } from "@simplysm/sd-core-common";
+import JSZip from "jszip";
+
+export class SdCliCordova {
+  protected readonly _logger: Logger;
+
+  private readonly _npmConfig: INpmConfig;
+
+  public readonly cordovaPath = path.resolve(this._rootPath, ".cordova");
+  private readonly _binPath = path.resolve(process.cwd(), "node_modules/.bin/cordova.cmd");
+
+  public get platforms(): TSdCliCordovaPlatform[] {
+    return this._config.platforms;
+  }
+
+  public constructor(private readonly _rootPath: string, private readonly _config: ISdCliClientPackageCordovaConfig) {
+    this._npmConfig = FsUtil.readJson(path.resolve(this._rootPath, "package.json"));
+    this._logger = Logger.get(["simplysm", "sd-cli", this.constructor.name, this._npmConfig.name]);
+  }
+
+  private async _execAsync(cmd: string, cwd: string): Promise<void> {
+    this._logger.debug(cmd);
+    const msg = await SdProcess.spawnAsync(cmd, { cwd });
+    this._logger.debug(msg);
+  }
+
+  public async initializeAsync(): Promise<void> {
+    if (FsUtil.exists(this.cordovaPath)) {
+      this._logger.log("미리 생성되어있는 '.cordova'를 사용합니다.");
+    }
+    else {
+      await this._execAsync(`${this._binPath} telemetry on`, this._rootPath);
+
+      // 프로젝트 생성
+      await this._execAsync(`${this._binPath} create "${this.cordovaPath}" "${this._config.appId}" "${this._config.appName}"`, process.cwd());
+    }
+
+    // platforms 폴더 혹시 없으면 생성
+    await FsUtil.mkdirsAsync(path.resolve(this.cordovaPath, "platforms"));
+
+    // www 폴더 혹시 없으면 생성
+    await FsUtil.mkdirsAsync(path.resolve(this.cordovaPath, "www"));
+
+    // 미설치 빌드 플랫폼 신규 생성
+    const alreadyPlatforms = await FsUtil.readdirAsync(path.resolve(this.cordovaPath, "platforms"));
+    for (const platform of this.platforms) {
+      if (!alreadyPlatforms.includes(platform)) {
+        await this._execAsync(`${this._binPath} platform add ${platform}`, this.cordovaPath);
+      }
+    }
+
+    // 미설치 플러그인들 설치
+    if (this._config.plugins) {
+      const pluginsFetch = await FsUtil.readJsonAsync(path.resolve(this.cordovaPath, "plugins/fetch.json"));
+      const alreadyPlugins = Object.values(pluginsFetch)
+        .map((item: any) => (item.source.id !== undefined ? item.source.id.replace(/@.*$/, "") : item.source.url));
+
+      for (const plugin of this._config.plugins.distinct()) {
+        if (!alreadyPlugins.includes(plugin)) {
+          await this._execAsync(`${this._binPath} plugin add ${plugin}`, this.cordovaPath);
+        }
+      }
+    }
+
+    // ICON 파일 복사
+    if (this._config.icon !== undefined) {
+      await FsUtil.copyAsync(path.resolve(this._rootPath, this._config.icon), path.resolve(this.cordovaPath, "res", "icon", "icon.png"));
+    }
+
+    // ANDROID GRADLE 오류 강제 수정
+    // if (this._config.targets.includes("android")) {
+    //   const gradleFilePath = path.resolve(this._cordovaPath, "platforms/android/app/build.gradle");
+    //   let gradleFileContent = await FsUtil.readFileAsync(gradleFilePath);
+    //   gradleFileContent = gradleFileContent.replace(/lintOptions {/g, "lintOptions {\r\n      checkReleaseBuilds false;");
+    //   await FsUtil.writeFileAsync(gradleFilePath, gradleFileContent);
+    // }
+
+    // CONFIG
+    const configFilePath = path.resolve(this.cordovaPath, "config.xml");
+    let configFileContent = await FsUtil.readFileAsync(configFilePath);
+
+    // CONFIG: 버전 설정
+    configFileContent = configFileContent.replace(/version="[^"]*"/g, `version="${this._npmConfig.version}"`);
+
+    // CONFIG: ICON 설정
+    if (this._config.icon !== undefined && !configFileContent.includes("<icon")) {
+      configFileContent = configFileContent.replace("</widget>", "    <icon src=\"res/icon/icon.png\" />\r\n</widget>");
+    }
+
+    // CONFIG: ANDROID usesCleartextTraffic 설정
+    // if (this._config.targets.includes("android")) {
+    //   if (!configFileContent.includes("xmlns:android=\"http://schemas.android.com/apk/res/android\"")) {
+    //     configFileContent = configFileContent.replace(
+    //       "xmlns=\"http://www.w3.org/ns/widgets\"",
+    //       `xmlns="http://www.w3.org/ns/widgets" xmlns:android="http://schemas.android.com/apk/res/android"`
+    //     );
+    //   }
+    //   if (!configFileContent.includes("application android:usesCleartextTraffic=\"true\" />")) {
+    //     configFileContent = configFileContent.replace("<platform name=\"android\">", `<platform name="android">
+    //     <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application">
+    //         <application android:usesCleartextTraffic="true" />
+    //     </edit-config>`);
+    //   }
+    // }
+
+    // CONFIG: 파일쓰기
+    await FsUtil.writeFileAsync(configFilePath, configFileContent);
+  }
+
+  public async buildAsync(outPath: string): Promise<void> {
+    // ANDROID 서명 처리
+    if (this._config.buildOption?.sign?.android) {
+      await FsUtil.copyAsync(
+        path.resolve(this._rootPath, this._config.buildOption.sign.android.keystore),
+        path.resolve(this.cordovaPath, path.basename(this._config.buildOption.sign.android.keystore))
+      );
+      await FsUtil.writeJsonAsync(
+        path.resolve(this.cordovaPath, "build.json"),
+        {
+          android: {
+            release: {
+              keystore: path.basename(this._config.buildOption.sign.android.keystore),
+              storePassword: this._config.buildOption.sign.android.storePassword,
+              alias: this._config.buildOption.sign.android.alias,
+              password: this._config.buildOption.sign.android.password,
+              keystoreType: this._config.buildOption.sign.android.keystoreType
+            }
+          }
+        }
+      );
+    }
+
+    // CONFIG
+    const configFilePath = path.resolve(this.cordovaPath, "config.xml");
+    let configFileContent = await FsUtil.readFileAsync(configFilePath);
+
+    // CONFIG: 접근허용 일단 모두 지우기
+    configFileContent = configFileContent.replace(/ {4}<allow-navigation href="[^"]*" \/>\n/g, "");
+
+    // CONFIG: 접근허용 등록
+    // configFileContent = configFileContent.replace("</widget>", `    <allow-navigation href="file://data/user/*" />\n</widget>`);
+    configFileContent = configFileContent.replace("</widget>", `    <allow-navigation href="*://*/*" />\n</widget>`);
+
+    // CONFIG: 파일쓰기
+    await FsUtil.writeFileAsync(configFilePath, configFileContent);
+
+    // 실행
+    const buildType = this._config.buildOption?.debug ? "debug" : "release";
+    const packageType = this._config.buildOption?.bundle ? "bundle" : "apk";
+    for (const platform of this.platforms) {
+      await this._execAsync(`${this._binPath} build ${platform} --${buildType} --packageType=${packageType}`, this.cordovaPath);
+    }
+
+    // 결과물 복사
+    for (const platform of this.platforms) {
+      if (platform === "android") {
+        const targetOutPath = path.resolve(outPath, platform);
+        const apkFileName = this._config.buildOption?.sign?.android ? `app-${buildType}.apk` : `app-${buildType}-unsigned.apk`;
+        const distApkFileName = path.basename(`${this._config.appName}${this._config.buildOption?.sign?.android ? "" : "-unsigned"}-v${this._npmConfig.version}.apk`);
+        const latestDistApkFileName = path.basename(`${this._config.appName}${this._config.buildOption?.sign?.android ? "" : "-unsigned"}-latest.apk`);
+        await FsUtil.mkdirsAsync(targetOutPath);
+        await FsUtil.copyAsync(
+          path.resolve(this.cordovaPath, "platforms/android/app/build/outputs/apk", buildType, apkFileName),
+          path.resolve(targetOutPath, distApkFileName)
+        );
+        await FsUtil.copyAsync(
+          path.resolve(this.cordovaPath, "platforms/android/app/build/outputs/apk", buildType, apkFileName),
+          path.resolve(targetOutPath, latestDistApkFileName)
+        );
+      }
+      else {
+        throw new NotImplementError();
+      }
+    }
+
+    // 자동업데이트를 위한 zip 파일 쓰기
+    const zip = new JSZip();
+    const resultFiles = await FsUtil.globAsync(path.resolve(this.cordovaPath, "www", "**/*"), {
+      dot: true,
+      nodir: true
+    });
+    for (const resultFile of resultFiles) {
+      const contentBuffer = await FsUtil.readFileBufferAsync(resultFile);
+      const relativePath = path.relative(path.resolve(this.cordovaPath, "www"), resultFile);
+      zip.file("/" + relativePath, contentBuffer);
+    }
+
+    const zipFileName = path.basename(`${this._config.appName}-v${this._npmConfig.version}.zip`);
+    const resultBuffer = await zip.generateAsync({ type: "nodebuffer" });
+
+    await FsUtil.writeFileAsync(path.resolve(outPath, "updates/", zipFileName), resultBuffer);
+  }
+
+  public async runWebviewOnDeviceAsync(platform: TSdCliCordovaPlatform, url: string): Promise<void> {
+    await FsUtil.removeAsync(path.resolve(this.cordovaPath, "www"));
+    await FsUtil.mkdirsAsync(path.resolve(this.cordovaPath, "www"));
+    await FsUtil.writeFileAsync(path.resolve(this.cordovaPath, "www/index.html"), `'${url}'로 이동중... <script>setTimeout(function () {window.location.href = "${url}"}, 3000);</script>`.trim());
+
+    // CONFIG
+    const configFilePath = path.resolve(this.cordovaPath, "config.xml");
+    let configFileContent = await FsUtil.readFileAsync(configFilePath);
+
+    // CONFIG: 접근허용 일단 모두 지우기
+    configFileContent = configFileContent.replace(/ {4}<allow-navigation href="[^"]*" \/>\n/g, "");
+
+    // CONFIG: 접근허용 등록
+    // configFileContent = configFileContent.replace("</widget>", `    <allow-navigation href="${url}" />\n</widget>`);
+    // configFileContent = configFileContent.replace("</widget>", `    <allow-navigation href="${url}/*" />\n</widget>`);
+    configFileContent = configFileContent.replace("</widget>", `    <allow-navigation href="*://*/*" />\n</widget>`);
+
+    // CONFIG: 파일쓰기
+    await FsUtil.writeFileAsync(configFilePath, configFileContent);
+
+    await SdProcess.spawnAsync(`${this._binPath} run ${platform} --device`, { cwd: this.cordovaPath });
+  }
+}

package/src/{entry-points → build-tool}/SdCliIndexFileGenerator.ts

@@ -10,6 +10,7 @@ export class SdCliIndexFileGenerator {
 
   public constructor(public readonly rootPath: string,
                      public readonly config: ISdAutoIndexConfig) {
+    this._contentCache = FsUtil.exists(this._indexFilePath) ? FsUtil.readFile(this._indexFilePath) : undefined;
   }
 
   public async watchAsync(): Promise<void> {
@@ -55,9 +56,9 @@ export class SdCliIndexFileGenerator {
     }
 
     const content = importTexts.join(os.EOL) + os.EOL;
-    const prevContent = this._contentCache ?? (FsUtil.exists(this._indexFilePath) ? FsUtil.readFile(this._indexFilePath) : undefined);
+    const prevContent = this._contentCache;
     this._contentCache = content;
-    if (content !== prevContent) {
+    if (content.trim() !== prevContent?.trim()) {
       await FsUtil.writeFileAsync(this._indexFilePath, content);
     }
   }

package/src/build-tool/SdCliPackageLinter.ts

@@ -16,7 +16,24 @@ export class SdCliPackageLinter {
     const linter = new ESLint(
       program && filePaths.some((item) => item.endsWith(".ts")) ? {
         overrideConfig: {
-          parserOptions: { program }
+          overrides: [
+            {
+              files: ["*.ts"],
+              parserOptions: {
+                programs: [program],
+                tsconfigRootDir: null,
+                project: null
+              },
+              settings: {
+                "import/resolver": {
+                  "typescript": {
+                    programs: [program],
+                    project: null
+                  }
+                }
+              }
+            }
+          ]
         }
       } : {}
     );
@@ -32,7 +49,6 @@ export class SdCliPackageLinter {
 
     const lintResults = await linter.lintFiles(lintFilePaths);
 
-
     const result = lintResults.map((lintResult) => ({
       filePath: lintResult.filePath,
       results: lintResult.messages.map((msg) => ({

package/src/builder/SdCliClientBuilder.ts

@@ -34,24 +34,55 @@ import { CssOptimizerPlugin } from "@angular-devkit/build-angular/src/webpack/pl
 import browserslist from "browserslist";
 import { augmentAppWithServiceWorker } from "@angular-devkit/build-angular/src/utils/service-worker";
 import { StringUtil } from "@simplysm/sd-core-common";
+import { SdCliNgModuleGenerator } from "../ng-tools/SdCliNgModuleGenerator";
+import { SdCliCordova } from "../build-tool/SdCliCordova";
 import LintResult = ESLint.LintResult;
 
 export class SdCliClientBuilder extends EventEmitter {
-  private readonly _logger = Logger.get(["simplysm", "sd-cli", this.constructor.name]);
+  private readonly _logger: Logger;
 
   private readonly _tsconfigFilePath: string;
   private readonly _parsedTsconfig: ts.ParsedCommandLine;
   private readonly _npmConfigMap = new Map<string, INpmConfig>();
+  private readonly _ngModuleGenerator: SdCliNgModuleGenerator;
+
+  private readonly _cordova?: SdCliCordova;
 
   public constructor(private readonly _rootPath: string,
                      private readonly _config: ISdCliClientPackageConfig,
                      private readonly _workspaceRootPath: string) {
     super();
 
+    const npmConfig = this._getNpmConfig(this._rootPath)!;
+    this._logger = Logger.get(["simplysm", "sd-cli", this.constructor.name, npmConfig.name]);
+
     // tsconfig
     this._tsconfigFilePath = path.resolve(this._rootPath, "tsconfig-build.json");
     const tsconfig = FsUtil.readJson(this._tsconfigFilePath) as ITsconfig;
     this._parsedTsconfig = ts.parseJsonConfigFileContent(tsconfig, ts.sys, this._rootPath, tsconfig.angularCompilerOptions);
+
+    // NgModule 생성기 초기화
+    this._ngModuleGenerator = new SdCliNgModuleGenerator(this._rootPath, [
+      "controls",
+      "directives",
+      "guards",
+      "modals",
+      "providers",
+      "app",
+      "pages",
+      "print-templates",
+      "toasts",
+      "AppPage"
+    ], {
+      glob: "**/*Page.ts",
+      fileEndsWith: "Page",
+      rootClassName: "AppPage"
+    });
+
+    // CORDOVA
+    if (this._config.cordova) {
+      this._cordova = new SdCliCordova(this._rootPath, this._config.cordova);
+    }
   }
 
   public override on(event: "change", listener: () => void): this;
@@ -64,18 +95,47 @@ export class SdCliClientBuilder extends EventEmitter {
     // DIST 비우기
     await FsUtil.removeAsync(this._parsedTsconfig.options.outDir!);
 
+    // NgModule 생성
+    await this._ngModuleGenerator.runAsync();
+
+    // CORDOVA
+    if (this._cordova) {
+      this._logger.debug("CORDOVA 구성...");
+      await this._cordova.initializeAsync();
+    }
+
     // 빌드 준비
     const webpackConfig = this._getWebpackConfig(true);
     const compiler = webpack(webpackConfig);
     return await new Promise<NextHandleFunction[]>((resolve, reject) => {
-      compiler.hooks.watchRun.tapAsync(this.constructor.name, (args, callback) => {
+      compiler.hooks.invalid.tap(this.constructor.name, (fileName) => {
+        if (fileName != null) {
+          this._logger.debug("파일변경 감지", fileName);
+          // NgModule 캐시 삭제
+          this._ngModuleGenerator.removeCaches([path.resolve(fileName)]);
+        }
+      });
+
+      compiler.hooks.watchRun.tapAsync(this.constructor.name, async (args, callback) => {
         this.emit("change");
+
+        // NgModule 생성
+        await this._ngModuleGenerator.runAsync();
+
         callback();
 
         this._logger.debug("Webpack 빌드 수행...");
       });
 
       compiler.hooks.failed.tap(this.constructor.name, (err) => {
+        this.emit("complete", [{
+          filePath: undefined,
+          line: undefined,
+          char: undefined,
+          code: undefined,
+          severity: "error",
+          message: err.stack
+        }]);
         reject(err);
         return;
       });
@@ -83,7 +143,6 @@ export class SdCliClientBuilder extends EventEmitter {
       compiler.hooks.done.tap(this.constructor.name, async (stats) => {
         // 결과 반환
         const results = SdCliBuildResultUtil.convertFromWebpackStats(stats);
-        this.emit("complete", results);
 
         // .config.json 파일 쓰기
         const npmConfig = this._getNpmConfig(this._rootPath)!;
@@ -97,6 +156,8 @@ export class SdCliClientBuilder extends EventEmitter {
         // 마무리
         this._logger.debug("Webpack 빌드 완료");
         resolve([devMiddleware, hotMiddleware]);
+
+        this.emit("complete", results);
       });
 
       const devMiddleware = wdm(compiler, {
@@ -116,6 +177,9 @@ export class SdCliClientBuilder extends EventEmitter {
     // DIST 비우기
     await FsUtil.removeAsync(this._parsedTsconfig.options.outDir!);
 
+    // NgModule 생성
+    await this._ngModuleGenerator.runAsync();
+
     // 빌드
     this._logger.debug("Webpack 빌드 수행...");
     const webpackConfig = this._getWebpackConfig(false);
@@ -148,6 +212,15 @@ export class SdCliClientBuilder extends EventEmitter {
       );
     }
 
+    // CORDOVA
+    if (this._cordova) {
+      this._logger.debug("CORDOVA 구성...");
+      await this._cordova.initializeAsync();
+
+      this._logger.debug("CORDOVA 빌드...");
+      await this._cordova.buildAsync(this._parsedTsconfig.options.outDir!);
+    }
+
     // 마무리
     this._logger.debug("Webpack 빌드 완료");
     return buildResults;
@@ -176,7 +249,7 @@ export class SdCliClientBuilder extends EventEmitter {
     const cacheBasePath = path.resolve(this._rootPath, ".cache");
     const cachePath = path.resolve(cacheBasePath, pkgVersion);
 
-    const distPath = this._parsedTsconfig.options.outDir;
+    const distPath = (this._cordova && !watch) ? path.resolve(this._cordova.cordovaPath, "www") : this._parsedTsconfig.options.outDir;
 
     const sassImplementation = new SassWorkerImplementation();
 
@@ -462,7 +535,12 @@ export class SdCliClientBuilder extends EventEmitter {
                 ].map((i) => PathUtil.posix(this._rootPath, i))
               },
               priority: 0
-            }))
+            })),
+            ...this._cordova ? this._cordova.platforms.map((platform) => ({
+              context: this._cordova!.cordovaPath,
+              to: `cordova-${platform}`,
+              from: `platforms/${platform}/platform_www`
+            })) : []
           ]
         }),
         ...watch ? [

package/src/builder/SdCliServerBuilder.ts

@@ -227,15 +227,15 @@ export class SdCliServerBuilder extends EventEmitter {
     return {
       mode: watch ? "development" : "production",
       devtool: false,
-      target: ["node", "es2020"],
+      target: ["node", "es2015"],
       profile: false,
       resolve: {
         roots: [this._rootPath],
         extensions: [".ts", ".js", ".mjs", ".cjs"],
         symlinks: true,
         modules: [this._workspaceRootPath, "node_modules"],
-        mainFields: ["es2020", "default", "module", "main"],
-        conditionNames: ["es2020", "..."]
+        mainFields: ["es2015", "default", "module", "main"],
+        conditionNames: ["es2015", "..."]
       },
       resolveLoader: {
         symlinks: true
@@ -251,19 +251,14 @@ export class SdCliServerBuilder extends EventEmitter {
         hashFunction: "xxhash64",
         clean: true,
         path: this._parsedTsconfig.options.outDir,
-        filename: "[name].mjs",
-        chunkFilename: "[name].mjs",
+        filename: "[name].cjs",
+        chunkFilename: "[name].cjs",
         assetModuleFilename: "res/[name][ext][query]",
-        library: {
-          type: "module"
-        }
+        libraryTarget: "commonjs2"
       },
       watch: false,
       watchOptions: { poll: undefined, ignored: undefined },
       performance: { hints: false },
-      experiments: {
-        outputModule: true
-      },
       infrastructureLogging: { level: "error" },
       stats: "errors-warnings",
       externals: extModuleNames.toObject((item) => item, (item) => "commonjs2 " + item),
@@ -294,7 +289,7 @@ export class SdCliServerBuilder extends EventEmitter {
             extractComments: false,
             terserOptions: {
               compress: true,
-              ecma: 2020,
+              ecma: 2015,
               sourceMap: false,
               keep_classnames: true,
               keep_fnames: true,
@@ -323,6 +318,9 @@ export class SdCliServerBuilder extends EventEmitter {
             test: /\.[cm]?[tj]sx?$/,
             resolve: {
               fullySpecified: false
+            },
+            use: {
+              loader: "babel-loader"
             }
           },
           ...watch ? [