2

typescript と sass の両方をそれぞれ javascript と css にトランスパイルしたいと思います。現時点では、この tasks.json ファイルを実行すると、typescript が javascript にトランスパイルされます。

{
    "version": "0.1.0",

    // The command is tsc. Assumes that tsc has been installed using npm install -g typescript
    "command": "tsc",

    // The command is a shell script
    "isShellCommand": true,

    // Show the output window only if unrecognized errors occur.
    "showOutput": "silent",

    // args is the HelloWorld program to compile.
    "args": ["public/app/boot.ts"],

    // use the standard tsc problem matcher to find compile problems
    // in the output.
    "problemMatcher": "$tsc"
}

boot.ts を指定するだけで、すべての .ts ファイルが js にトランスパイルされます。私の boot.ts ファイルがすべての私の ts ファイルをインポートするためかもしれません。ここに私のboot.tsファイルがあります:

import {bootstrap}    from 'angular2/platform/browser'
import {HelloWorld} from './hello_world'
import {TodoApp} from './todo_app'
bootstrap(HelloWorld);
bootstrap(TodoApp);

sass を css にトランスパイルするコードを tasks.json ファイルに追加したいと思います。

これは、私のサスをトランスパイルするためだけにできることのコードスニペットです。

{
    "version": "0.1.0",
    "command": "node-sass",
    "isShellCommand": true,
    "args": ["styles.scss", "styles.css"]
}

そのコード スニペットを追加して、sass と typescript の両方をトランスパイルするにはどうすればよいですか?

また、新しい sass ファイルを作成するときに、tasks.json の args 配列にそれらを追加したいですか?

4

1 に答える 1

2

tscコマンドでこれを行うことはできません。代わりに使用npmします。

パッケージ.json

{
  "scripts": {
    "build": "tsc public/app/boot.ts && node-sass styles.scss styles.css"
  }
}

タスク.json

{
    "version": "0.1.0",
    "command": "npm",
    "isShellCommand": true,
    "showOutput": "silent",
    "args": ["-s", "run"],
    "tasks": [{
      "taskName": "build",
      "problemMatcher": "$tsc",
      "isBuildCommand": true
    }]
}
于 2016-01-09T10:42:40.083 に答える