build: fix dev process on windows

scripts/gulp/tasks/gulpGraphql.ts

@@ -9,7 +9,7 @@ import { minifyIntrospectionQuery } from '@urql/introspection'
 
 import { nexusTypegen, watchNexusTypegen } from '../utils/nexusTypegenUtil'
 import { monorepoPaths } from '../monorepoPaths'
-import { spawned } from '../utils/childProcessUtils'
+import { spawned, winSpawn } from '../utils/childProcessUtils'
 import { spawn } from 'child_process'
 import { DEFAULT_INTERNAL_CLOUD_ENV } from '../gulpConstants'
 
@@ -43,7 +43,7 @@ export async function graphqlCodegen () {
 }
 
 export async function graphqlCodegenWatch () {
-  const spawned = spawn('graphql-codegen', ['--watch', '--config', 'graphql-codegen.yml'], {
+  const spawned = spawn(winSpawn('graphql-codegen'), ['--watch', '--config', 'graphql-codegen.yml'], {
     cwd: monorepoPaths.root,
   })
   const dfd = pDefer()

scripts/gulp/tasks/gulpWebpack.ts

@@ -2,6 +2,7 @@ import chalk from 'chalk'
 import { spawn } from 'child_process'
 import pDefer from 'p-defer'
 import { monorepoPaths } from '../monorepoPaths'
+import { winSpawn } from '../utils/childProcessUtils'
 import { addChildProcess } from './gulpRegistry'
 
 export function webpackRunner () {
@@ -24,9 +25,9 @@ export async function runWebpack (cfg: RunWebpackCfg) {
   const { cwd, args = [], env = process.env, devServer = false, prefix } = cfg
   const dfd = pDefer()
   const spawned = spawn(
-    devServer
-      ? './node_modules/.bin/webpack-dev-server'
-      : './node_modules/.bin/webpack',
+    winSpawn(devServer
+      ? 'webpack-dev-server'
+      : 'webpack'),
     args,
     {
       cwd,

scripts/gulp/utils/childProcessUtils.ts

@@ -89,11 +89,7 @@ export async function spawned (
   const { waitForExit, waitForData, tapErr, tapOut, ...spawnOpts } = opts
 
   const [executable, ...rest] = command.split(' ')
-  let useExecutable = executable
-
-  if (process.platform === 'win32' && !useExecutable.endsWith('.cmd')) {
-    useExecutable = `${executable}.cmd`
-  }
+  const useExecutable = winSpawn(executable)
 
   // console.log(useExecutable, rest, spawnOpts)
 
@@ -269,3 +265,14 @@ function streamHandler (cp: ChildProcess, config: StreamHandlerConfig) {
 
   return dfd.promise
 }
+
+const isWin = process.platform === 'win32'
+
+/**
+ * Pretreat commands to make them compatible with windows
+ * @param command
+ * @returns
+ */
+export function winSpawn (command: string): string {
+  return `${(command).replace(/\//g, '\\')}${isWin ? '.cmd' : ''}`
+}