파일을 복사하는 포스트 tsc 빌드 작업을 추가하는 방법은 무엇입니까?

파일을 복사하는 포스트 tsc 빌드 작업을 추가하는 방법은 무엇입니까?

TSC 빌드 작업 후 파일을 x에서 y로 복사하는 다른 작업을 VSCode에 추가하는 방법은 무엇입니까?

사용할 수 있습니다.npm scripts이를 위하여예를 들어 나의package.json:

"scripts": {
  "compile": "tsc -p . ",
  "html": "cp -r ./src/public/ ./bin/public/",
  "views": "cp -r ./src/views/ ./bin/views/",
  "build": "npm run compile && npm run views && npm run html"
}

여기 스크립트 2개html그리고.views복사 및 작업용build동시에 실행합니다.인tasks.json다음이 있습니다.

{
    "version": "0.1.0",
    "command": "npm",
    "isShellCommand": true,
    "showOutput": "silent",
    "suppressTaskName": true,
    "tasks": [
        {
            "taskName": "build",
            "args": [
                "run",
                "build"
            ]
        }
    ]
}

그렇게shift+cmd+B실행 예정npm build대본.

이런 일을 할 때는 '꿀꺽 하는 것과 같은 태스크 러너를 사용할 수 있습니다.

vcode를 구성하여 vcode를 실행할 수 있습니다.build아래의 과제, 이것은 의존합니다.compile작업.

var gulp = require('gulp'),
  exec = require('child_process').exec;

gulp.task('build', ['compile'], function () {
  return gulp.src('./config/**/*.json')
    .pipe(gulp.dest('./dist'));
});

gulp.task('compile', function (done) {
  exec('tsc -p ./app', function (err, stdOut, stdErr) {
    console.log(stdOut);
    if (err){
      done(err);
    } else {
      done();
    }
  });
});

vcode를 통한 흡입 작업 실행에 대한 설명서는 다음과 같습니다. https://code.visualstudio.com/Docs/tasks

일종의 "개발자 모드"에서 실행 중이고 필요한 경우--watch컴파일할 때마다 작업을 실행하는 파일 변경의 경우 tsc-watch를 사용하여 이를 수행하는 것을 선호합니다.

예를 들어,package.json:

{
  "scripts": {
    "dev": "tsc-watch --onSuccess=\"yarn otherThing\"",
    "otherThing": "echo \"hi\""
  }
}

패키지에 포함된 모든 스크립트 이름을 사용할 수 있습니다.json을 'post' 또는 'pre'로 추가합니다.따라서 'tsc'라는 이름의 스크립트 뒤에 실행하려면 스크립트에 'posttsc' 명령을 추가합니다.https://docs.npmjs.com/cli/v9/using-npm/scripts

언급URL : https://stackoverflow.com/questions/30191248/how-to-add-a-post-tsc-build-task-that-copy-files