Angular-CLI 中没有 webpack 新答案

【问题标题】：No webpack in Angular-CLI ng newAngular-CLI 中没有 webpack 新
【发布时间】：2018-01-02 02:54:07
【问题描述】：

我使用 Angular CLI 创建了一个应用程序：

ng new my-app

默认情况下没有配置 Webpack，并且在 Chrome 开发工具中 .ts 文件没有显示/映射，所以我只能调试转译的 JS。

为什么默认情况下没有 Webpack，Angular 有自己的替代方案吗？

这是我的 .ts 文件未正确映射的原因吗？

编辑 - 阅读 @torazaburo 的评论后 - 这是我的 tsconfig.json：

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

我假设我的同事也经历了与我相同的步骤，并且他们在 chrome 开发工具中拥有 webpack 提供的 .ts 文件

【问题讨论】：

angular-cli 隐藏了 webpack，所以你不必担心它。确保您在 tsconfig.json 中打开了源映射选项。
我已经打开了，会更新配置，谢谢
你用的是什么版本的cli？
我的 Angular CLI 版本是 1.1.1

标签： angular google-chrome typescript webpack angular-cli

【解决方案1】：

安装了最新的稳定版 Chrome 来修复它。

我使用的是 Chromium 版本 53.0.2785.143，在 Ubuntu 上构建，在 Ubuntu 14.04（64 位）上运行。我注意到我同事的 Chromium 版本更高，但由于我在 Ubuntu 软件中心遇到了错误 - 我刚刚安装了最新的 Chrome。这解决了我的问题。

【讨论】：