コードで 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
ここで欠けているステップは何ですか?