Rollup-plugin-typescript2: TS v3.4로 매우 느린 컴파일

에 만든 2019년 04월 09일 · 21코멘트 · 출처: ezolenko/rollup-plugin-typescript2

무슨 일이 일어나고 왜 잘못된

TS를 v3.4.2로 업그레이드하면 컴파일 시간이 매우 느립니다. TS v3.3을 사용하면 내 프로젝트가 ~ 20 초에 빌드되고 TS v3.4를 사용하면 ~ 5mn이 걸립니다.

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"

Verbosity 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

TS 3.4.1

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

TS 3.4.3

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

또한이 이 문제 와 관련된 것으로 보인다는 TS의 repo에하지만 나는이 @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 3.4.3

deini 에 2019년 04월 11일

나는 재현을 시도했고 처음에는 속도가 느려지는 것을 보았지만 clean: true 하고 typescript 버전을 여러 번 앞뒤로 이동하면 지금 클린 빌드의 차이가 보이지 않습니다.

clean: true 을 설정하고 rtp2를 최신 버전 (0.20.1 또는 마스터)으로 업데이트하고 ts 3.3 및 ts 3.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

TS 3.4.1

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

TS 3.4.3

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

또한이 이 문제 와 관련된 것으로 보인다는 TS의 repo에하지만 나는이 @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

발견 한 문제 (https://github.com/Microsoft/TypeScript/issues/30663)와 3.5-dev가 5 배 더 빨라 졌다는 사실은 그들이 LanguageServer API로 무언가를했다고 생각하게 만듭니다. 이것은 rpt2가 컴파일의 일부로 사용하는 API이며 IDE의 typechecker가 사용하는 것입니다 (이것이 WebStorm이 시간 초과되는 이유입니다).

프로젝트에서 영향을받는 유형 구조를 다른 곳에서 사용하고있을 수 있으므로 styled-components 고정해도 도움이되지 않습니다. 예를 들어 rpt2 자체를 빌드 할 때 큰 속도 저하가 보이지 않는 이유입니다.

최종 3.5 릴리스를 기다릴 것 같습니다.

ezolenko 에 2019년 04월 24일

btw, 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 작업을 할 때 check: false 할 수 있습니다 (JS에서). 👍

ritwickdey 에 2019년 08월 28일

@ezolenko 정확한 typescript api 호출로 인해 빌드 속도가 느려지는 것을 알고 있습니까? :)

ZainlessBrombie 에 2020년 03월 10일

@ZainlessBrombie 아니, 내가 아는 모든 것은이 스레드에 있습니다. 연결된 Typescript 문제는 아마도 관련이있을 수 있지만 직접적인 원인은 아닙니다 (3.5+에서 수정되어야한다고 말하고 분명히 그렇지 않기 때문입니다).

프로젝트에 느린 빌드가있는 경우 가능한 경우 ts 3.3이 실제로 더 빠른지 확인하십시오. 문제는 typescript가 아니라 다른 것일 수 있습니다.

ezolenko 에 2020년 03월 10일

고마워요. 내가 그것에 접근하면 이것은 벽이 될 수 있습니다.

편집 :이 문제는 보이는대로 스타일이 지정된 구성 요소를 가져 오는 파일에서만 발생합니다.
또한 Typescript 문서는 끔찍합니다.

ZainlessBrombie 에 2020년 03월 10일

유형 스크립트를 프로파일 링하면 스타일이 지정된 구성 요소에있는 이러한 매우 큰 결합이 문제의 원인을 알 수 있습니다. 이를 고칠 수있는 유일한 장소는 typescript를 캐시 모듈 해상도로 가져올 수있는 방법이없는 한 typescript입니다.

ZainlessBrombie 에 2020년 03월 10일

실제로 nodeModuleNameResolver 호출에서 모듈 확인 캐시를 사용하지 않고 있습니다 : https://github.com/ezolenko/rollup-plugin-typescript2/blob/b7c7389dcdf168715669520128ca656d6e940111/src/index.ts#L148

그것이 ts가 기본값을 사용하는지 또는 전혀 사용하지 않는지 확실하지 않습니다.

ezolenko 에 2020년 03월 11일

네 TODO를 봤어요 :)
불행히도 모듈 해상도 캐시를 사용할 때 디버깅하면 어떤 이유로 든 rebass를 캐시하지만 스타일이 지정된 구성 요소가 아닌 것으로 나타납니다. 그것은 그들을 위해 내부 캐시를 전달합니다 ...

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 개의 경고 추가) : ~ 20 초
rollup -c rollup.config.ts -w (경고 다시 제거) : ~ 20 초

tsc-버전 : 3.8.3
tsc --project tsconfig.json : ~ 6-7 초
tsc --project tsconfig.json -w (초기 컴파일) : ~ 6-7sec
tsc --project tsconfig.json -w (1 개의 TS 파일에 1 개의 경고 추가) : ~ 0.1-0.2 초
tsc --project tsconfig.json -w (알림 다시 제거) : ~ 0.1-0.2 초

ttsc-버전 : 3.8.3
ttsc --project tsconfig.json : ~ 7-8 초
ttsc --project tsconfig.json -w (초기 컴파일) : ~ 6-7 초
ttsc --project tsconfig.json -w (1 개의 TS 파일에 1 개의 경고 추가) : ~ 0.1-0.2 초
ttsc --project tsconfig.json -w (알림 다시 제거) : ~ 0.1-0.2 초

증분 빌드는 tsconfig에서 활성화됩니다.

증분 / 감시 빌드가 전체 빌드보다 두 배나 많은 시간이 소요되는 것은 매우 드문 것 같습니다.

테스트에 관해서는 내 환경에서 상황이 미쳐가는 것 같습니다. 나는 karma와이 typescript 플러그인과 함께 롤업을 연결했다. 아시다시피 : 각 테스트 스위트는 자체 번들을 얻습니다. 이는 위의 숫자가 쌓이는 것을 의미합니다. 메모리는 시간이 지남에 따라> 2GB까지 증가합니다. 몇 분 후에도 테스트 실행이 실제로 시작되지 않습니다. 이것은 각 npm run test 합니다.

테스트 세대의 "Generating bundle for ..."영역에 도달하면 엄청나게 높은 숫자를 볼 수 있습니다.
파서 클래스의 간단한 테스트 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)를 시도해 볼 수 있으며, 제 생각에 다른 접근 방식을 사용하고 다른 숫자를 줄 수 있습니다.

또 다른 옵션은 롤업 체인 (npm 등의 사전 빌드 단계)에서 typescript 컴파일을 수행하고 결과 js를 대신 롤업에 공급하는 것입니다. 시계 빌드는 흥미로울 것입니다.하지만 시계 모드에서 tsc와 롤업을 시작할 수 있고 프로젝트가 올바르게 구성되어 있으면 작동합니다.

ezolenko 에 2020년 04월 06일

주요 문제는 C ++가 아닌 C #에서 마이그레이션한다는 것입니다.

Off-Topic : C ++ 프레임 워크 / 라이브러리를 TypeScript로 마이그레이션하고 싶은지 확실하지 않습니다. 매크로 및 템플릿 (C ++ 개발자가 좋아하는 경향이있는)의 사용에 따라 마이그레이션 중에 상황이 거칠어 질 수 있습니다. 😅 다행히도 제 C # 코드베이스는 항상 다른 언어로의 크로스 컴파일을 허용하는 스타일로 조정되었으므로 결과는 코드 구조에서 상당히 허용됩니다. . 오버 헤드를 줄이기 위해 모듈을 구성하는 방법을 좀 더 잘 알아 내면됩니다. 😊

이 플러그인은 typescript의 자체 증분 빌드를 명시 적으로 사용하지 않습니다 (시작 당시 존재하지 않았 음).

이 플러그인이 사용자 지정 "증분"빌드 전략을 가지고 있습니까? 시계를 사용할 때 완전 정리 빌드가 소스 변경보다 오래 걸리는 이유를 설명 할 수 있습니다. typescript 컴파일은 다소 안정적이며이 플러그인이 아직 증분 업데이트를 사용할 수 없다는 것은 유감이지만 유형 스크립트 컴파일러에 소요되는 시간은 안정적이라고 생각합니다. 그러나 롤업에 소요되는 시간은 다양합니다. 이것은 깨끗한 빌드가 감시 모드로 코드를 변경하는 것보다 빠르다는 것을 설명합니다.

@ rollup / plugin-typescript를 시도해 볼 수 있습니다 ...

힌트를 보내 주셔서 감사합니다. 개선되는지 확인해 보겠습니다.

또 다른 옵션은 롤업 체인에서 typescript 컴파일을 수행하는 것입니다.

처음에는 그런 설정이 있었지만 개발 중에 "감시"빌드를 갖도록 절반 정도 떨어 뜨 렸습니다. 독립적으로 "감시"하는 두 가지 도구로 파이프 라인을 연결할 수 있다면 다시 한 번 시도해 보겠습니다. 👍

업데이트 1 : 롤업으로 연결된 tsc를 호출하여 전체 컴파일 및 테스트 환경을 설정할 수있었습니다. tsconfig 경로를 올바르게 해결하기 위해 내 롤업 플러그인을 만들어야했지만 그 후에는 제대로 작동했습니다.

클린 컴파일 : 9 초, 감시 컴파일 : 0.5-1 초 및 Karma + Rollup을 통한 테스트도 실행 중입니다 (컴파일은 각 테스트 스위트에 대해 번들을 생성하므로 시간이 조금 더 걸립니다).

Danielku15 에 2020년 04월 06일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Rollup-plugin-typescript2: TS v3.4로 매우 느린 컴파일

무슨 일이 일어나고 왜 잘못된

환경

버전

rollup.config.js

tsconfig.json

package.json

Verbosity 3의 플러그인 출력

가장 유용한 댓글

모든 21 댓글

관련 문제