Angular 6无法找到.angular-cli.json并更改outDir

时间:2018-05-20 15:03:41

标签: angular config

我已经按照在线教程说我必须在.angular-cli.json文件中设置outDir。当我运行build build时,这会将编译的代码放在app.js文件夹中指定的正确目录中。问题是我无法在任何地方找到该文件。教程link

解决方案已完成并且没有错误,我现在要做的就是将Angular连接到我拥有的后端并在localhost:3000上运行它。到目前为止,我只在tsconfig.json文件中找到了outdir。当我运行编译器时,文件最终会出现在默认的dist文件夹中。

1 个答案:

答案 0 :(得分:9)

您所指的教程使用的是Angular 2,最新版本的Angular是6

角度为6之后的CLI项目将使用angular.json而不是.angular-cli.json进行构建和项目配置。

每个CLI工作区都有项目,每个项目都有目标,每个目标都可以有配置。 Docs
如果您希望生成的工件存储在自定义位置中修改"outputPath": "dist/ng6",目标下的"outputPath": "dist/yourcustomlocation",build的输出路径

    {
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "ng6": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {},
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/ng6",**<----/modify this**
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets":

此外,教程使用的HttpModule已弃用,您应使用 HttpClientModule