none
升级至 Angular8 及实现自定义 webpack 配置的方法 RRS feed

  • 问题

  • 1 升级至 Angular8

    如果你使用的是 angular/cli 构建方案,执行 ng update 即可,该过程主要是更新 package.json 中的依赖。为了了解到底改变了哪些内容,个人更喜欢手动方式升级,方法参考如下:

    • 首先全局安装 @angular/cli: npm i -g @angular/cli;
    • 然后创建一个新的项目 ng new ng8-demo;
    • 对比测试项目 ng8-demo 目录中的 package.json 文件,更新旧项目 pacakge.json 文件中的依赖;
    • 对比 angular.json、tslint.json、tsconfig.json 等配置文件,根据需要进行修改;
    • 执行 ng lint,排查报错情况进行全局文件的修改适配

    2 实现自定义 webpack 配置的几种方法

    2.1 编写脚本注入到 @angular-devkit 构建流程

    在 Angular7 以前,我是采用该方法自定义一个注入脚本实现,相关记录可参考该文: 一种自定义 Angular-cli 6.x/7.x 默认 webpack 配置的方法。在升级到 Angular8 的过程中,排查各种问题时发现了一个不错的第三方案 angular-builders,在测试效果后采用了它(后文会详细介绍)。这里仅提供 Angular8 自定义注入的方案供参考:

    2.1.1 新建注入代码的脚本

    2020年8月8日 0:26