angular - 使用 Angular CLI 时转译的 js 文件在哪里

Question

在 Angular CLI 1.5.0 的帮助下创建的 Angular 5 项目中，当我运行以下命令时

ng serve

我可以看到 web pack 开始打包并且项目开始服务。生成的转译后的js文件到哪里去了？一开始我以为这个位置应该是

中提到的那个

tsconfig.json , 输出目录

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

但有趣的是，我似乎无法在项目文件夹中找到 outdir 文件夹。 我还检查了 angular-cli.json 文件

  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      ......
      ......   

但我仍然找不到转换后的 js 文件。我错过了什么或做错了什么？我的 .ts 文件的 java 脚本文件在哪里？

Answer 1

ng serve 将转译后的文件保存在内存中，不写入磁盘。您需要执行 ng build --watch 才能将其写入磁盘并根据更改进行更新。