角脚本优化是做什么的？角14

Question

我将我的项目更新为从v14到v9。直到v12没有问题，但现在我不能再构建它了。它在Error: Optimization error [default-src_app_main_collection_module_ts.js]: SyntaxError: Unexpected token: punc ({)中失败。

如果在angular.json中禁用脚本优化( { "configurations": { "production": { "optimization": { "scripts": false }}}} )，则不会出现错误。我认为这可能与从ts到js文件的转录有关，但我不知道是什么导致了问题。

所以有两个问题：

1. 你知道这个错误吗？(我使用的类型记录转录方法可能与角14优化器不兼容，但我找不到它。)
2. 脚本优化是做什么的？如果脚本优化不重要，我将禁用它。

谢谢你提前帮忙！

"dependencies": {
        "@angular/animations": "^14.2.7",
        "@angular/cdk": "14.2.5",
        "@angular/common": "^14.2.7",
        "@angular/compiler": "^14.2.7",
        "@angular/core": "^14.2.7",
        "@angular/flex-layout": "^14.0.0-beta.41",
        "@angular/forms": "^14.2.7",
        "@angular/material": "^14.2.5",
        "@angular/platform-browser": "^14.2.7",
        "@angular/platform-browser-dynamic": "^14.2.7",
        "@angular/router": "14.2.7",
        "@auth0/angular-jwt": "^5.0.1",
        "@editorjs/editorjs": "^2.25.0",
        "@editorjs/paragraph": "^2.8.0",
        "@flowjs/flow.js": "2.14.1",
        "@nicky-lenaers/ngx-scroll-to": "^14.0.0",
        "@stomp/stompjs": "^6.1.0",
        "@types/jquery": "3.5.14",
        "@types/resize-observer-browser": "^0.1.7",
        "@types/sockjs-client": "^1.5.0",
        "angular-resizable-element": "^3.4.0",
        "angular-resize-event": "^2.1.0",
        "angular-shepherd": "^14.0.0",
        "angular-svg-round-progressbar": "^9.0.0",
        "angular2-virtual-scroll": "0.4.16",
        "copy-image-clipboard": "^2.1.2",
        "core-js": "^3.26.0",
        "dompurify": "^2.1.1",
        "event-source-polyfill": "^1.0.21",
        "fs-extra": "^10.1.0",
        "git-describe": "^4.0.4",
        "html2canvas": "^1.4.1",
        "jquery": "^3.5.1",
        "jquery.scrollto": "2.1.3",
        "jstree": "^3.3.10",
        "material-design-icons": "^3.0.1",
        "material-icons": "^1.10.8",
        "moment": "^2.29.3",
        "ng-recaptcha": "^10.0.0",
        "ngx-clipboard": "14.0.1",
        "ngx-contextmenu": "^6.0.0",
        "ngx-infinite-scroll": "^14.0.0",
        "ngx-perfect-scrollbar": "^10.0.1",
        "ngx-scrollbar": "^10.0.1",
        "overlayscrollbars": "1.13.0",
        "rxjs": "^6.6.7",
        "shepherd.js": "^10.0.1",
        "sockjs-client": "^1.5.1",
        "tslib": "^2.4.0",
        "zone.js": "~0.11.4"
    },
    "devDependencies": {
        "@angular-devkit/build-angular": "^14.2.6",
        "@angular/cli": "14.2.6",
        "@angular/compiler-cli": "^14.2.7",
        "@angular/language-service": "^14.2.7",
        "@types/jasmine": "^4.3.0",
        "@types/node": "^16.11.7",
        "codelyzer": "^6.0.0",
        "hammerjs": "^2.0.8",
        "husky": "^4.3.8",
        "jasmine-core": "^4.4.0",
        "jasmine-reporters": "^2.5.0",
        "jasmine-spec-reporter": "^7.0.0",
        "karma": "~6.4.1",
        "karma-chrome-launcher": "^3.1.1",
        "karma-coverage-istanbul-reporter": "^3.0.3",
        "karma-jasmine": "^5.1.0",
        "karma-jasmine-html-reporter": "^2.0.0",
        "karma-junit-reporter": "2.0.1",
        "lint-staged": "^13.0.3",
        "ng-mocks": "^14.3.1",
        "ng-packagr": "^14.2.2",
        "prettier": "^1.19.1",
        "protractor": "~7.0.0",
        "puppeteer": "^19.2.0",
        "sonar-scanner": "^3.1.0",
        "ts-node": "^10.9.1",
        "tslint": "~6.1.0",
        "tslint-config-prettier": "^1.18.0",
        "typescript": "^4.8.4"
    },

Answer 1

因此，如果您查看它们的源代码，看起来唯一的优化工作就是针对esbuild.transform运行编译代码以缩小编译量，并运行agaisnt tersor来优化包大小。因此，很可能您的文件中有任何一个插件不喜欢的语法。也许你可以在-冗长的模式下运行来获得更多的洞察力。

这是他们的javascript-optimizer-worker.ts给你看。https://github.com/angular/angular-cli/blob/main/packages/angular_devkit/build_angular/src/webpack/plugins/javascript-optimizer-worker.ts

Answer 2

问题是我在tsconfig.json中使用了tsconfig.json作为目标。这与过时的tslint安装没有协同工作。解决方案是使用es2020作为tsconfig中的目标，并使用eslint重构tslint。