Angular 7 - 在不缩小代码的情况下启用 tree-shaking

【问题标题】：Angular 7 - Enable tree-shaking without code minificationAngular 7 - 在不缩小代码的情况下启用 tree-shaking
【发布时间】：2020-08-19 00:32:59
【问题描述】：

是否可以在不缩小代码的情况下使用 ng build--prod 启用 tree shaking？我知道使用自定义 webpack.config.js 是可能的，但我使用 angular-cli 和 angular.json 进行配置。有人建议使用 --optimization=false 标志运行 ng build --prod，但我不确定是否使用此标志消除死代码

【问题讨论】：

您能否详细说明“没有代码缩小” - 答案可能会有所不同，具体取决于您要执行的操作。您希望能够在生产版本中查看源代码吗？
是的，我希望代码可读。当丑化/缩小时，代码几乎难以辨认。

标签： angular tree-shaking

【解决方案1】：

您正在寻找的是使用转译/缩小版本生成源地图。将此选项与构建一起使用：

ng build --prod --sourceMap=true

请注意，这会将您的源代码公开。

您也可以在angular.json 中为不同的目标（生产等）设置：

"architect": {
  ...
  "serve": {
    "builder": "@angular-devkit/build-angular:dev-server",
    "options": {
      "browserTarget": "web:build",
      "sourceMap": {
        "scripts": true,
        "styles": true,
        "vendor": true
      }
    },
   ...

【讨论】：