Rollup-plugin-typescript2: TSv3.4ではコンパイルが非常に遅い

作成日 2019年04月09日 · 21コメント · ソース: ezolenko/rollup-plugin-typescript2

何が起こり、なぜそれが間違っているのか

TSをv3.4.2にアップグレードすると、コンパイル時間が非常に遅くなります。 TS v3.3では私のプロジェクトは約20秒で構築され、TSv3.4では約500万かかります。

clean: trueで試し、 typescript: require('typescript')を追加しようとし、 rollupと関連するすべてのプラグインをアップグレードしようとしました。毎回、同じ結果でコンパイルに時間がかかります。。

注： tsc -p tsconfig.prod.json直接実行すると、distを出力するのに10秒もかかりません。

環境

バージョン

タイプスクリプト：v3.4.2
ロールアップ：v1.6.0
rollup-plugin-typescript2：v0.19.2

rollup.config.js

  {
    input: 'src/index.ts',
    output: [
      { file: pkg.main, format: 'cjs' },
      { file: pkg.module, format: 'es' },
    ],
    plugins: [
      external({ includeDependencies: true }),
      resolve(),
      typescript({
        tsconfig: './tsconfig.prod.json',
        rollupCommonJSResolveHack: true,
      }),
      commonjs(),
      filesize(),
    ],
  }

tsconfig.json

{
  "compilerOptions": {
    "module": "esnext",
    "target": "es5",
    "jsx": "react",
    "esModuleInterop": true,
    "lib": ["dom", "es2017"],
    "moduleResolution": "node",
    "rootDir": "src",
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "suppressImplicitAnyIndexErrors": true,
    "noUnusedLocals": false,
    "downlevelIteration": true
  },
  "include": ["src/**/*", "types/**/*"]
}

tsconfig.prod.json

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "./dist",
    "noUnusedLocals": true,
    "sourceMap": true,
    "declaration": true
  },
  "exclude": ["src/doc", "**/stories.tsx", "**/test.tsx", "**/fixture.ts"]
}

package.json

    "rollup": "^1.6.0",
    "rollup-plugin-commonjs": "^9.2.1",
    "rollup-plugin-filesize": "^6.0.1",
    "rollup-plugin-node-resolve": "^4.0.1",
    "rollup-plugin-peer-deps-external": "^2.2.0",
    "rollup-plugin-typescript2": "^0.19.2",
    "typescript": "^3.4.2"

詳細3のプラグイン出力

出力

rpt2: typescript version: 3.4.2
rpt2: tslib version: 1.9.3
rpt2: rollup-plugin-typescript2 version: 0.19.2
rpt2: plugin options:
{
    "tsconfig": "./tsconfig.prod.json",
    "rollupCommonJSResolveHack": true,
    "clean": true,
    "verbosity": 3,
    "typescript": "version 3.4.2",
    "check": true,
    "cacheRoot": "/Users/yannpringault/git/PayFit/components/.rpt2_cache",
    "include": [
        "*.ts+(|x)",
        "**/*.ts+(|x)"
    ],
    "exclude": [
        "*.d.ts",
        "**/*.d.ts"
    ],
    "abortOnError": true,
    "useTsconfigDeclarationDir": false,
    "tsconfigOverride": {},
    "transformers": [],
    "tsconfigDefaults": {},
    "objectHashIgnoreUnknownHack": false
}
rpt2: rollup config:
{
    "chunkGroupingSize": 5000,
    "experimentalCacheExpiry": 10,
    "inlineDynamicImports": false,
    "input": "src/index.ts",
    "perf": false,
    "plugins": [
        {
            "name": "peer-deps-external"
        },
        {
            "name": "node-resolve"
        },
        {
            "name": "rpt2"
        },
        {
            "name": "commonjs"
        },
        {
            "name": "filesize"
        }
    ]
}
rpt2: built-in options overrides: {
    "noEmitHelpers": false,
    "importHelpers": true,
    "noResolve": false,
    "noEmit": false,
    "inlineSourceMap": false,
    "outDir": "/Users/yannpringault/git/PayFit/components/.rpt2_cache/placeholder",
    "moduleResolution": 2,
    "allowNonTsExtensions": true,
    "declarationDir": "/Users/yannpringault/git/PayFit/components"
}
rpt2: parsed tsconfig: {
    "options": {
        "module": 6,
        "target": 1,
        "jsx": 2,
        "esModuleInterop": true,
        "lib": [
            "lib.dom.d.ts",
            "lib.es2017.d.ts"
        ],
        "moduleResolution": 2,
        "rootDir": "/Users/yannpringault/git/PayFit/components/src",
        "forceConsistentCasingInFileNames": true,
        "noImplicitReturns": true,
        "noImplicitThis": true,
        "noImplicitAny": true,
        "strictNullChecks": true,
        "suppressImplicitAnyIndexErrors": true,
        "noUnusedLocals": true,
        "downlevelIteration": true,
        "outDir": "/Users/yannpringault/git/PayFit/components/.rpt2_cache/placeholder",
        "sourceMap": true,
        "declaration": true,
        "configFilePath": "/Users/yannpringault/git/PayFit/components/./tsconfig.prod.json",
        "noEmitHelpers": false,
        "importHelpers": true,
        "noResolve": false,
        "noEmit": false,
        "inlineSourceMap": false,
        "allowNonTsExtensions": true,
        "declarationDir": "/Users/yannpringault/git/PayFit/components"
    },
    "fileNames": [
        "/Users/yannpringault/git/PayFit/components/src/index.ts",
        "/Users/yannpringault/git/PayFit/components/src/components/index.ts",
        "/Users/yannpringault/git/PayFit/components/src/components/Alert/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Alert/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Avatar/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Avatar/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/AvatarGroup/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/AvatarGroup/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Badge/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Badge/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Button/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Button/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Checkbox/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Checkbox/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/CheckboxGroup/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/CheckboxGroup/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/DatePicker/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/DatePicker/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/DatePicker/Popin/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Dropdown/MenuContext.ts",
        "/Users/yannpringault/git/PayFit/components/src/components/Dropdown/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Dropdown/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Dropdown/DropdownItem/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Dropdown/DropdownItem/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Field/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Field/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Icon/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Icon/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Input/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Input/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Layout/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Legend/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Legend/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Loader/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Loader/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/ProgressBar/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/ProgressBar/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/ProgressCircle/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/ProgressCircle/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/RadioGroup/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/RadioGroup/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Select/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Select/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Steps/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Steps/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Table/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Table/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Table/components/Body.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Table/components/Cell.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Table/components/Footer.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Table/components/Header.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Table/components/HeaderCell.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Table/components/HeaderRow.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Table/components/Limit.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Table/components/Row.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/TableGroup/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/TableGroup/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Tag/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Tag/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Text/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Toggle/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Toggle/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Tooltip/index.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/Tooltip/style.tsx",
        "/Users/yannpringault/git/PayFit/components/src/components/_helpers/colors.test.ts",
        "/Users/yannpringault/git/PayFit/components/src/components/_helpers/colors.ts",
        "/Users/yannpringault/git/PayFit/components/src/components/_helpers/react.ts",
        "/Users/yannpringault/git/PayFit/components/src/components/_helpers/string.test.ts",
        "/Users/yannpringault/git/PayFit/components/src/components/_helpers/string.ts",
        "/Users/yannpringault/git/PayFit/components/src/primitives/_helpers.tsx",
        "/Users/yannpringault/git/PayFit/components/src/primitives/box.tsx",
        "/Users/yannpringault/git/PayFit/components/src/primitives/text.tsx",
        "/Users/yannpringault/git/PayFit/components/src/utils/index.ts",
        "/Users/yannpringault/git/PayFit/components/src/utils/colors/index.ts",
        "/Users/yannpringault/git/PayFit/components/src/utils/shadows/index.ts",
        "/Users/yannpringault/git/PayFit/components/src/utils/shadows/test.ts",
        "/Users/yannpringault/git/PayFit/components/src/utils/zIndex/index.ts",
        "/Users/yannpringault/git/PayFit/components/types/index.d.ts",
        "/Users/yannpringault/git/PayFit/components/types/modules.d.ts"
    ],
    "typeAcquisition": {
        "enable": false,
        "include": [],
        "exclude": []
    },
    "raw": {
        "extends": "./tsconfig.json",
        "compilerOptions": {
            "outDir": "./dist",
            "noUnusedLocals": true,
            "sourceMap": true,
            "declaration": true
        },
        "exclude": [
            "src/doc",
            "**/stories.tsx",
            "**/test.tsx",
            "**/fixture.ts"
        ],
        "compileOnSave": false,
        "include": [
            "src/**/*",
            "types/**/*"
        ]
    },
    "errors": [],
    "wildcardDirectories": {
        "/users/yannpringault/git/payfit/components/src": 1,
        "/users/yannpringault/git/payfit/components/types": 1
    },
    "compileOnSave": false,
    "configFileSpecs": {
        "includeSpecs": [
            "src/**/*",
            "types/**/*"
        ],
        "excludeSpecs": [
            "src/doc",
            "**/stories.tsx",
            "**/test.tsx",
            "**/fixture.ts"
        ],
        "validatedIncludeSpecs": [
            "src/**/*",
            "types/**/*"
        ],
        "validatedExcludeSpecs": [
            "src/doc",
            "**/stories.tsx",
            "**/test.tsx",
            "**/fixture.ts"
        ],
        "wildcardDirectories": {
            "/users/yannpringault/git/payfit/components/src": 1,
            "/users/yannpringault/git/payfit/components/types": 1
        }
    }
}
rpt2: included:
'[
    "*.ts+(|x)",
    "**/*.ts+(|x)"
]'
rpt2: excluded:
'[
    "*.d.ts",
    "**/*.d.ts"
]'

blocked help wanted

ソース

Kerumen

👍27

最も参考になるコメント

@ezolenko返信が遅くなってすみません！

clean: trueを入れて、rtp2を0.20.1アップグレードしました。結果は次のとおりです。

TS 3.3.3333

build -> 18s
tsc   -> 14.39s

TS 3.3.4000

build -> 17.3s
tsc   -> 14.39s

TS3.4.1

build -> 5m 25.1s
tsc   -> 21.26s

TS 3.4.3

build -> 5m 52.7s
tsc   -> 21.57s

さらに、TSリポジトリにこの問題があり、関連しているようですが、 @types/styled-componentsがv4.1.4固定されているため、私の場合はカバーしていません。

さらに情報が必要な場合はお知らせください。

楽しみのために、最新の3.5ビルドも試しました。

TS 3.5.0-dev.20190413

build -> 1m 23.5s
tsc   -> 18.84s

Kerumen 2019年04月15日

👍3 😄1

全てのコメント21件

私は同じ問題を抱えています。 TSを3.3.4000から3.4.3にバンプすると、 24sから345sた

deini 2019年04月11日

再現しようとすると、最初は速度が低下しましたが、 clean: trueを使用して、typescriptバージョン間を何度か行ったり来たりすると、クリーンビルドの違いがわかりません...

clean: true 、rtp2を最新（0.20.1またはマスター）に更新して、ts3.3とts3.4でビルドの時間を数回続けて計ることができますか？

ezolenko 2019年04月11日

@ezolenko返信が遅くなってすみません！

clean: trueを入れて、rtp2を0.20.1アップグレードしました。結果は次のとおりです。

TS 3.3.3333

build -> 18s
tsc   -> 14.39s

TS 3.3.4000

build -> 17.3s
tsc   -> 14.39s

TS3.4.1

build -> 5m 25.1s
tsc   -> 21.26s

TS 3.4.3

build -> 5m 52.7s
tsc   -> 21.57s

さらに情報が必要な場合はお知らせください。

楽しみのために、最新の3.5ビルドも試しました。

TS 3.5.0-dev.20190413

build -> 1m 23.5s
tsc   -> 18.84s

Kerumen 2019年04月15日

👍3 😄1

あなたが見つけたその問題（https://github.com/Microsoft/TypeScript/issues/30663）と、3.5-devが5倍速くなったという事実は、彼らがLanguageServer APIで何かをしたと私に思わせます。これは、rpt2がコンパイルの一部として使用するAPIであり、IDEのタイプチェッカーが使用しているものです（これがWebStormがタイムアウトする理由などです）。

プロジェクトが影響を受ける型構造を他の場所で使用している可能性があるため、 styled-components固定しても効果はありません。そのため、たとえばrpt2自体をビルドするときに大きな速度低下は見られません。

3.5の最終リリースを待つと思います。

ezolenko 2019年04月24日

ところで、 check: falseオプションでビルドしてみてください

ezolenko 2019年04月24日

👍2

これが3.5リリースで修正されているかどうかを誰かが確認しましたか？

tomasro27 2019年06月21日

@ tomasro27私にとっても、6（ 3.6.0-dev.20190621 ）でもありません。 3.3未満がまだ最速のようです。

bradc1105 2019年06月21日

3.5の方が少し速いようですが、それでももっと良いかもしれません

LiamMartens 2019年07月17日

これに関する更新はありますか？まだTSによってブロックされているように見えますか？

donifer 2019年07月23日

ええ、この終わりから何もできないと思います。どなたでもお試しいただけます:)

ezolenko 2019年07月24日

+1
3.5.3も私たちにとって非常に遅い

fobdy 2019年08月15日

check: falseはうまく機能しています。

しかし、問題は、コンパイルエラーが発生しないことです（vscodeを使用すると、エラーが表示されます😄）。

少なくとも、CSS（JSで）に取り組んでいるときはcheck: false実行できます。 👍

ritwickdey 2019年08月28日

@ezolenko正確なtypescriptapi呼び出しがビルドの速度を低下させる原因を知っていますか？ :)

ZainlessBrombie 2020年03月10日

@ZainlessBrombieいいえ、私が知っていることはすべてこのスレッドにあります。リンクされているTypescriptの問題はおそらく関連していますが、直接的な原因ではありません（3.5以降で修正する必要があると言われているため、明らかにそうではありません）。

プロジェクトのビルドが遅い場合は、可能であればts 3.3の方が実際に速いかどうかを確認してください。問題はタイプスクリプトではなく、別の問題である可能性があります。

ezolenko 2020年03月10日

わかりました、ありがとう。私がそれに近づいたら、これはいわば頭をぶつけても構わないと思っている壁かもしれません:)

編集：この問題は、スタイル付きコンポーネントをインポートするファイルでのみ発生します。
また、Typescriptのドキュメントはひどいです

ZainlessBrombie 2020年03月10日

タイプスクリプトをプロファイリングすると、問題の原因が、スタイル設定されたコンポーネントが持つこれらの非常に大きなユニオンであることが明らかになります。これを修正する唯一の場所はtypescriptです。ただし、typescriptを取得してモジュールの解像度をキャッシュする方法がない限り（そうすべきです）。

ZainlessBrombie 2020年03月10日

私は実際にはnodeModuleNameResolverの呼び出しでモジュール解決キャッシュを使用していません： https ：

それがtsにデフォルトのものを使用させるのか、それともまったく使用しないのかわからない。

ezolenko 2020年03月11日

はい私はそのTODOを見ました:)
残念ながら、使用時にモジュール解決キャッシュをデバッグすると、何らかの理由でリベースはキャッシュされますが、スタイル設定されたコンポーネントはキャッシュされないことが示されます。それらの内部キャッシュを渡します...

ZainlessBrombie 2020年03月11日

現在、ライブラリのC＃コードベースをTypeScriptに移行中であり、バンドルにRollupを使用しています。（以前はカスタムC＃> Haxe> JavaScriptツールチェーンを使用していました）。残念ながら、新しいTypeScriptコードベースのコンパイル速度にもかなりの苦しみがあり、開発が非常に困難になっています。

可能であれば、プロファイリングレポートを生成できる場合は、それらを提供させていただきます。

ここに私のプロジェクトへのいくつかの洞察があります：

通常、私はいくつかのAST変換を行うためにttypescriptを使用しています。
コード行：〜50000

rollup -c rollup.config.ts ：〜9-10秒
rollup -c rollup.config.ts -w（初期コンパイル） ：〜9-10秒
rollup -c rollup.config.ts -w（1つのTSファイルに1つのアラートを追加） ：
rollup -c rollup.config.ts -w（アラートを再度削除） ：

tsc --version ：3.8.3
tsc --project tsconfig.json ：〜6-7秒
tsc --project tsconfig.json -w（初期コンパイル） ：〜6-7秒
tsc --project tsconfig.json -w（1つのTSファイルに1つのアラートを追加） ：〜0.1-0.2sec
tsc --project tsconfig.json -w（アラートを再度削除） ：〜0.1-0.2sec

ttsc --version ：3.8.3
ttsc --project tsconfig.json ：〜7-8sec
ttsc --project tsconfig.json -w（初期コンパイル） ：〜6-7秒
ttsc --project tsconfig.json -w（1つのTSファイルに1つのアラートを追加） ：〜0.1-0.2sec
ttsc --project tsconfig.json -w（アラートを再度削除） ：〜0.1-0.2sec

インクリメンタルビルドはtsconfigでアクティブです。

インクリメンタル/ウォッチビルドがフルビルドの2倍かかることは私には非常に珍しいようです。

tiがテストになると、私の環境では物事がおかしくなりそうです。私はカルマとこのtypescriptプラグインでロールアップを接続しました。ご存知かもしれませんが、各テストスイートには独自のバンドルがあります。つまり、上記の数が山積みになっています。メモリは時間の経過とともに> 2GBに増加します。数分後でも、テストの実行は実際には開始されません。これは、各シングルnpm run testます。

テスト生成の「Generatingbundlefor ...」領域に到達すると、ばかげた数が表示されます。
パーサークラスの1つの簡単なテストを含むFile01.test.tsには15秒かかります
11個のXML解析テストを含むFile02.test.tsには2.5分かかります
File03.test.tsは5分後にも完了しませんでした。

この問題がどこで発生する可能性があるのか、それが本当にロールアップのtypescriptモジュールが原因であるのかどうかはわかりませんが、これが私が関係している最も可能性の高い問題のようです。

私のリポジトリは非常に大きく複雑なので、構成の詳細は共有しませんでした。誰かがそれらを収集する方法を教えてくれれば、ログ/プロファイリング結果などを提供できてうれしいです。プロジェクト全体の状況を反映した新しい単純な独立したリポジトリをセットアップしようとしますが、問題が続くとは約束できません。

Danielku15 2020年04月05日

@ Danielku15あなたの主な問題は、C ++からではなくC＃から移行していることです:)

このプラグインは、typescript独自のインクリメンタルビルドを明示的に使用していません（これは開始時に存在していませんでした）。

@rollup/plugin-typescript （https://github.com/rollup/plugins/tree/master/packages/typescript）を試すことができます。彼らは私が思うに異なるアプローチを使用し、異なる番号を与える可能性があります。

もう1つのオプションは、ロールアップチェーンからtypescriptコンパイルを実行し（npmなどのプリビルドステップとして）、代わりに結果のjsをロールアップにフィードすることです。ウォッチビルドは興味深いものですが、ウォッチモードでtscとロールアップを開始でき、プロジェクトが正しく構成されていれば、正常に機能すると思います。

ezolenko 2020年04月06日

主な問題は、C ++からではなくC＃から移行していることです。

オフトピック：C ++フレームワーク/ライブラリをTypeScriptに移行するかどうかはわかりません。マクロとテンプレート（C ++開発者が好む傾向がある）の使用によっては、移行中に状況が悪化する可能性があります😅幸いなことに、私のC＃コードベースは常に他の言語へのクロスコンパイルを可能にするスタイルに調整されていたため、コード構造から結果は非常に受け入れられます。オーバーヘッドを減らすためにモジュールを編成する方法をもう少しよく理解する必要があります。 😊

このプラグインは、typescript独自のインクリメンタルビルドを明示的に使用していません（これは開始時に存在していませんでした）。

これは興味深いですが、このプラグインには独自のカスタム「インクリメンタル」ビルド戦略がありますか？これは、ウォッチを使用するときにフルクリーンビルドがソースの変更よりも時間がかかる理由を説明している可能性があります。タイプスクリプトのコンパイルは多かれ少なかれ安定しており、このプラグインがインクリメンタル更新をまだ利用できないのは残念ですが、タイプスクリプトコンパイラで費やされた時間は安定していると思います。しかし、ロールアップに費やす時間はさまざまなようです。これだけが、クリーンビルドがウォッチモードでのコード変更よりも速いことを私に説明しています。

@ rollup / plugin-typescriptを試すことができます...

ヒントをありがとう、私はそれが改善するかどうかを確かめるためにそれを試してみます。

別のオプションは、ロールアップチェーンからtypescriptコンパイルを行うことです

私は最初にそのような設定をしていましたが、開発中にビルドを「監視」するために途中でそれを落としました。 2つのツールを個別に「監視」してパイプラインを接続できる場合は、もう一度試してみます。 👍

更新1：ロールアップでチェーンされたtscを呼び出すことで、コンパイルおよびテスト環境全体をセットアップすることができました。 tsconfigパスを正しく解決するには、独自のロールアッププラグインを作成する必要がありましたが、その後は正常に機能していました。

クリーンコンパイル：9秒、ウォッチコンパイル：0.5〜1秒、Karma + Rollupによるテストも実行されています（各テストスイートのバンドルが生成されるため、コンパイルには少し時間がかかります）。

Danielku15 2020年04月06日

このページは役に立ちましたか？

0 / 5 - 0 評価

Rollup-plugin-typescript2: TSv3.4ではコンパイルが非常に遅い

何が起こり、なぜそれが間違っているのか

環境

バージョン

rollup.config.js

tsconfig.json

package.json

詳細3のプラグイン出力

最も参考になるコメント

全てのコメント21件

関連する問題