TypeScript - ¿Cómo mantener los archivos compilados en un directorio separado?

O bien, agregue "outDir": "build" a tsconfig.json file

Si desea mapear la estructura de directorios de la carpeta app/scripts en js, le sugiero que use la siguiente configuración para su file watcher:

Arguments: --sourcemap --outDir $ProjectFileDir$/js/$FileDirPathFromParent(scripts)$ $FileName$
Working Directory: $FileDir$
Output Paths To Refresh: $ProjectFileDir$/js/$FileDirPathFromParent(scripts)$/$FileNameWithoutExtension$.js:$ProjectFileDir$/js/$FileDirPathFromParent(scripts)$/$FileNameWithoutExtension$.js.map

I setup package.json como este para que escribiendo npm run start sale todo a build. Los archivos fuente se guardan en src. El outfile está especificado por --outDir build.

{
  "name": "myapp",
  "version": "0.0.1",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w --outDir build",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "license": "private",
  "dependencies": {
    "angular2": "2.0.0-beta.0",
    "systemjs": "0.19.6",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "zone.js": "0.5.10"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^1.3.1",
    "typescript": "^1.7.3"
  }
}

Puede excluir su directorio de compilación en tsconfig.json, aunque probablemente no sea necesario, ya que solo hay JS:

{
  "compilerOptions": {
    "target": "ES5",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "build"
  ]
}

Aunque estas respuestas son correctas, debe considerar si realmente solo desea ocultar su .archivos js de su IDE .

En el código de Visual Studio, vaya a File > Preferences > Settings o a su archivo .vscode\settings.json e ingrese:

"files.exclude": {
    "**/.git": true,
    "**/.DS_Store": true,
    "**/*.js" : {
        "when": "$(basename).ts"
    },
    "**/*.js.map": {
        "when": "$(basename)"
    }
}

Lo anterior se esconde .js archivos donde un correspondiente .el archivo ts existe.

Usuarios de Intellij, compilan Typescript en múltiples directorios de salida

Para los usuarios de Intellij esto puede ser útil. Así fue como conseguí que esto funcionara usando el compilador de Typescript incorporado.

Medio Ambiente

• Windows 7
• Typescript using NPM Version 1.7.3
• Intellij 14
• ES6
• Usando RequireJS

Ejemplo Estructura de directorios

BEFORE COMPILE
----------------------------------------
-> JS
   -> app
      -> config.js  //this is not generated
   -> libs
      -> jquery.js  //this is not generated
   -> plugins
-> TS
   -> app
      -> main.ts
   -> libs
      -> jquery.d.ts
   -> plugins
      -> somePlugin.ts

AFTER COMPILE
----------------------------------------
-> JS
   -> app
      -> config.js  //this is not generated
      -> main.js
   -> libs
      -> jquery.js  //this is not generated
   -> plugins
      somePlugin.ts
-> TS
   -> app
      -> main.ts
   -> libs
      -> jquery.d.ts    //this is where I kept my definition files
   -> plugins
      -> somePlugin.ts

Intellij Setup

• Archivo - > Configuración - > Typescript
• Intérprete de nodos: La ruta de instalación de NodeJS
• Versión del compilador: normalmente se encuentra en C:\yourUserName\AppData\Roaming\npm\node_modules\typescript\lib
• Opciones de la Línea de Comandos: -m amd -t ES6 -outDir E:\myapp\js
• Compruebe compilar solo el archivo principal y apunte a su archivo de entrada. E:\myapp\ts\main.ts Si esto no está marcado, todos sus archivos intentarán generar la salida a su ruta OutDir.

Estoy usando Atom con la extensión atom-typescript y mi tsconfig.json se ve así:

{
  "compilerOptions": {
    "outDir":"js"
  }
}