[Note of Angular 2] 將js, map等檔案編譯至特定資料夾

發表於   |   分類於

title: ‘[Note of Angular 2] Compile to another folder’

用typescript寫好程式之後，一但編譯之後，會多出許多XXX.js, XXX.map的檔案，會使得未來在尋找檔案上變得非常麻煩。所以可以使用以下的方法來將那些檔案編譯至特定資料夾。

after compiled

  1. 編輯systemjs.config.js檔案
1
2
3
4
5
6
7
var map = {
    'app':                        'dist/app', // 更改此行,

    '@angular':                   'node_modules/@angular',
    'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
    'rxjs':                       'node_modules/rxjs'
  };

2.
編輯tsconfig.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": true,
    "suppressImplicitAnyIndexErrors": true,
    "outDir": "dist" //新增此行
  }
}

把原本/app內的js, map等檔案刪除，重新npm tsc編譯一次就會發現那些檔案都移動到/dist/app資料夾內了。