0

コードで babelify を実行するのに問題があります。

次の 2 つの typescript ファイルがあります。

script1.ts

import Greeter from './script2';

const greeter = new Greeter('Hello, world!');

document.body.innerHTML = greeter.greet();

script2.ts

class Greeter {
    greeting: string;

    constructor(msg: string) {
        this.greeting = msg;
    }

    greet() {
        return `<h1>${this.greeting}</h1>`;
    }
}

export default Greeter;

.babelrc

{
  "presets": [
      "airbnb"
  ]
}

そして私はtsifyとbabelifyでbrowserifyを実行しようとしています:

browserify ./script1.ts -o ./app.js -p tsify -t babelify

ファイルはコンパイルおよびパッケージ化されますが、コードに対してbabelifyを実行することはありません.クラスとテンプレート文字列がまだ含まれている出力になります.

babel を個別に実行すると、期待どおりに動作します。

browserify ./script1.ts -o ./app.js -p tsify
babel ./app.js --out-file ./app-babel.js

ここで欠けているステップは何ですか?

4

1 に答える 1