【问题标题】:After upgrading my project to Angular 8 from Angular 7.2, compile time increased 3 times. How can I fix it将我的项目从 Angular 7.2 升级到 Angular 8 后,编译时间增加了 3 倍。我该如何解决
【发布时间】:2019-10-16 16:20:51
【问题描述】:

我将我的项目升级到 Angular 8 版本。在升级过程中,我没有遇到任何错误。但是编译时间增加了3倍,没有任何错误。至少,我怎样才能得到旧的编译时间?

** P.S.:这个问题有一个错误原因。这个bug相关的问题**https://github.com/angular/angular-cli/issues/13734

Last Compile Before Angular 8  (with Angular 7.2)
Time: 1382.536ms -> main.cf29a89468d732f3f363.js (main) 12.4 MB 

First Compile After Upgrading to Angular 8
Time: 6379.317ms -> main.da4147c72278bc767ee4.js (main) 12.3 MB 

Second Compile After Upgrading to Angular 8 and After restart PC 
Time: 3147.254ms -> main.da4147c72278bc767ee4.js (main) 12.3 MB

tsconfig.json

    {
     "compileOnSave": false,
     "compilerOptions": {
        "baseUrl": "",
        "declaration": false,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "mapRoot": "./",
        "moduleResolution": "node",
        "outDir": "../__dist_cli",
        "sourceMap": true, 
        "target": "es5 ", 
        "module": "es2015",
        "lib": [
            "es2016",
            "dom"
        ],
        "typeRoots": [
            "node_modules/@types",
            "typings/custom"
        ]
    }
Angular CLI: 8.0.0
Node: 12.3.1
OS: win32 x64
Angular: 8.0.0

【问题讨论】:

  • 回溯步骤以查看是否遗漏了任何内容update.angular.io/#7.2:8.0
  • 我已经追溯了升级协议。没有遗漏的地方。此外,我在生产编译期间没有遇到任何错误。然后编译后的代码运行没有任何错误。
  • 升级后我昨天恢复到 7,我认为差异包加载不值得出现初期问题。对测试版功能不感兴趣。
  • 两天来我一直在努力升级到 Angular 8。该项目实际上并没有太多的依赖关系,这可能是问题所在。只有hammerjs和quill。我再次开始使用 angular 7.2 作为临时解决方案。我打开了一个与此问题相关的 github 问题。 github.com/angular/angular-cli/issues/14604
  • @Matt Thurston 根据 angular-cli 团队成员 Alan Agius 的说法,将在 angular-cli 8.0.x 中进行升级以解决此问题。对于临时解决方案,我再次开始使用 Angular 7.2。

标签: angular typescript angular8


【解决方案1】:

在 Angular CLI (^8.2.1) 的更新版本中解决了这个问题

【讨论】:

    【解决方案2】:

    尝试使用命令构建包

    ng build --es5BrowserSupport=false
    

    这将只为现代浏览器生成包。 这将帮助您确定差异装载包装构建是否需要额外的时间。

    【讨论】:

    • 编译器消息:选项“es5BrowserSupport”已弃用:
    • 我在 package.json 中添加了 "browserslist": [ "> 1%" ] 而不是 es5BrowserSupport=false。此次更新后,文件大小和编译时间没有明显减少。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-07-02
    • 1970-01-01
    • 2020-07-01
    • 2019-11-07
    • 2020-03-21
    • 1970-01-01
    • 2020-05-15
    相关资源
    最近更新 更多