Remove the usage of exec for variable cases

apps/demos/utils/create-bundles/Angular/bundler.ts

@@ -1,4 +1,4 @@
-import { exec } from 'child_process';
+import { spawn } from 'child_process';
 import { BuildOptions } from 'esbuild';
 import { existsSync, mkdirSync, removeSync } from 'fs-extra';
 import { Demo, Framework } from '../helper/types';
@@ -42,8 +42,7 @@ export default class AngularBundler implements Bundler {
 
     createDemoLayout(demo, this.framework);
 
-    const ngBuildCommand = `npm run build-angular -- ${getProjectNameByDemo(demo)}`;
-    const ngBuildProcess = exec(ngBuildCommand);
+    const ngBuildProcess = spawn('npm', ['run', 'build-angular', '--', getProjectNameByDemo(demo)], { shell: true });
     ngBuildProcess.stdout.on('data', (data) => {
       console.log(`stdout: ${data}`);
     });

apps/demos/utils/ts-to-js-converter/converter.ts

@@ -78,9 +78,8 @@ const pipeSource = async (
   }));
 };
 
-// eslint-disable-next-line require-await
-const execTsc = async (directory: string, args: string): Promise<string> => new Promise((resolve, reject) => {
-  cps.exec(`tsc ${args}`, (error, stdout, stderr) => {
+const execTsc = (directory: string, args: string[]): Promise<string> => new Promise((resolve, reject) => {
+  cps.execFile('tsc', args, { shell: true, cwd: directory }, (error, stdout, stderr) => {
     if (error != null) {
       // eslint-disable-next-line prefer-promise-reject-errors
       return reject(`${error}\n${stderr}\n${stdout}`);
@@ -110,7 +109,7 @@ const compile = async (resolve: PathResolvers, log: Logger) => {
     ),
   );
 
-  await execTsc(resolve.source('./'), `--build ${tsconfigFile}`);
+  await execTsc(resolve.source('./'), ['--build', tsconfigFile]);
 };
 
 const copyAssets = async (resolve: PathResolvers, log: Logger) => {