angular2.0 筆記 - 02

tain335 發(fā)布于2019-08-23 16:49 / 2068人閱讀

摘要：此屬性包含了本項(xiàng)目中所有的子項(xiàng)目的配置信息。稍后多帶帶拿這個屬性詳細(xì)講解其注意點(diǎn)。

angular2.0 筆記 1.angular-cli 之 angular.json 配置表參數(shù)說明

簡單創(chuàng)建一個demo項(xiàng)目

ng new project-demo

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "project-demo": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {},
      "architect": {
        "build": {},
        "serve": {},
        "extract-i18n": {},
        "test": {},
        "lint": {}
      }
    },
    "project-name-test": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {},
      "architect": {
        "build": {},
        "serve": {},
        "extract-i18n": {},
        "test": {},
        "lint": {}
      }
    }
  },
  "defaultProject": "project-demo"
}

上面的json是一個刪除了部分內(nèi)容的angular.json僅用于講解使用，后面會給出完整json

參數(shù)	作用
$schema	關(guān)聯(lián)了JSON Schema在angular CLI 的執(zhí)行config.json文件
version	項(xiàng)目版本
newProjectRoot	這個屬性定義了CLI創(chuàng)建的新的內(nèi)部應(yīng)用和庫放置的位置，默認(rèn)值為"projects"
projects	這個屬性，個人覺得有必要認(rèn)真講一下。此屬性包含了本項(xiàng)目中所有的子項(xiàng)目的配置信息。稍后多帶帶拿這個屬性詳細(xì)講解其注意點(diǎn)。
defaultProject	屬性表示該項(xiàng)目的名字

2.projects 下一級屬性名是子項(xiàng)目的名稱

子項(xiàng)目名稱的作用，可以用于ng 命令執(zhí)行
比如上面的json有一個子項(xiàng)目名字 project-name-test

如果想多帶帶運(yùn)行某個子項(xiàng)目時，可以執(zhí)行
ng serve project-name-test

如果子項(xiàng)目不在projects內(nèi)，執(zhí)行 ng serve [project-name] 就會包一個錯
The serve command requires to be run in an Angular project, but a project definition could not be found.

創(chuàng)建一個子項(xiàng)目，可以執(zhí)行
ng generate application project-name

而且，每創(chuàng)建一個子項(xiàng)目，都會有一個[project-name]-e2e的子項(xiàng)目在projects里面

3.projects 子項(xiàng)目里面的屬性說明

屬性	作用
root	指定了子項(xiàng)目文件的根文件夾，可能是空值
sourceRoot	子項(xiàng)目源文件目錄位置
projectType	子項(xiàng)目類型， application 或 library
prefix	創(chuàng)建子項(xiàng)目時，用這個屬性來區(qū)分當(dāng)前子項(xiàng)目是 component、directive、lib,或其他,當(dāng)cli創(chuàng)建時會確定
schematics	Schematics packages 配置(本人暫時還不知道其具體作用)
architect	此屬性包含了項(xiàng)目的一些命令，比如 build/serve/test/lint 或者自定義命令 extract-i18n

以上部分屬性內(nèi)容參考自Alfred的 angular.json參數(shù)詳解

項(xiàng)目例子 json

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "project-demo": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {},
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/project-demo",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.css"
            ],
            "scripts": [],
            "es5BrowserSupport": true
          },
          "configurations": {
            "production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "2mb",
                  "maximumError": "5mb"
                }
              ]
            }
          }
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "project-demo:build"
          },
          "configurations": {
            "production": {
              "browserTarget": "project-demo:build:production"
            }
          }
        },
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
            "browserTarget": "project-demo:build"
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "src/test.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.spec.json",
            "karmaConfig": "src/karma.conf.js",
            "styles": [
              "src/styles.css"
            ],
            "scripts": [],
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ]
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "src/tsconfig.app.json",
              "src/tsconfig.spec.json"
            ],
            "exclude": [
              "**/node_modules/**"
            ]
          }
        }
      }
    },
    "project-demo-e2e": {
      "root": "e2e/",
      "projectType": "application",
      "prefix": "",
      "architect": {
        "e2e": {
          "builder": "@angular-devkit/build-angular:protractor",
          "options": {
            "protractorConfig": "e2e/protractor.conf.js",
            "devServerTarget": "project-demo:serve"
          },
          "configurations": {
            "production": {
              "devServerTarget": "project-demo:serve:production"
            }
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": "e2e/tsconfig.e2e.json",
            "exclude": [
              "**/node_modules/**"
            ]
          }
        }
      }
    },
    "project-demo-two": {
      "root": "projects/project-demo-two/",
      "sourceRoot": "projects/project-demo-two/src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {},
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/project-demo-two",
            "index": "projects/project-demo-two/src/index.html",
            "main": "projects/project-demo-two/src/main.ts",
            "polyfills": "projects/project-demo-two/src/polyfills.ts",
            "tsConfig": "projects/project-demo-two/tsconfig.app.json",
            "assets": [
              "projects/project-demo-two/src/favicon.ico",
              "projects/project-demo-two/src/assets"
            ],
            "styles": [
              "projects/project-demo-two/src/styles.css"
            ],
            "scripts": [],
            "es5BrowserSupport": true
          },
          "configurations": {
            "production": {
              "fileReplacements": [
                {
                  "replace": "projects/project-demo-two/src/environments/environment.ts",
                  "with": "projects/project-demo-two/src/environments/environment.prod.ts"
                }
              ],
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "2mb",
                  "maximumError": "5mb"
                }
              ]
            }
          }
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "project-demo-two:build"
          },
          "configurations": {
            "production": {
              "browserTarget": "project-demo-two:build:production"
            }
          }
        },
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
            "browserTarget": "project-demo-two:build"
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "projects/project-demo-two/src/test.ts",
            "polyfills": "projects/project-demo-two/src/polyfills.ts",
            "tsConfig": "projects/project-demo-two/tsconfig.spec.json",
            "karmaConfig": "projects/project-demo-two/karma.conf.js",
            "styles": [
              "projects/project-demo-two/src/styles.css"
            ],
            "scripts": [],
            "assets": [
              "projects/project-demo-two/src/favicon.ico",
              "projects/project-demo-two/src/assets"
            ]
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "projects/project-demo-two/tsconfig.app.json",
              "projects/project-demo-two/tsconfig.spec.json"
            ],
            "exclude": [
              "**/node_modules/**"
            ]
          }
        }
      }
    },
    "project-demo-two-e2e": {
      "root": "projects/project-demo-two-e2e/",
      "projectType": "application",
      "prefix": "",
      "architect": {
        "e2e": {
          "builder": "@angular-devkit/build-angular:protractor",
          "options": {
            "protractorConfig": "projects/project-demo-two-e2e/protractor.conf.js",
            "devServerTarget": "project-demo-two:serve"
          },
          "configurations": {
            "production": {
              "devServerTarget": "project-demo-two:serve:production"
            }
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": "projects/project-demo-two-e2e/tsconfig.e2e.json",
            "exclude": [
              "**/node_modules/**"
            ]
          }
        }
      }
    }
  },
  "defaultProject": "project-demo"
}

云服務(wù)器 GPU云服務(wù)器 02vps python 02 v02 Item02

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/103355.html

發(fā)表評論

登陸后可評論

0條評論

tain335

男|高級講師

我要關(guān)注我要私信

TA的文章

「2021.10」ThemeForest主題森林每月限免主題 - Londres / Omnivus

閱讀 3667·2021-10-11 11:09
騰訊云輕量云首購特惠：1核2G5M首年50元,可選上海/北京/成都/廣州機(jī)房

閱讀 1337·2021-09-24 10:35
VinaHost：越南機(jī)房，到國內(nèi)延時100MS，購買充時長，最高送半年，100Mbps不限流量

閱讀 3422·2021-07-29 13:48
Canvas基礎(chǔ)

閱讀 460·2019-08-30 13:15
jQuery插件 tablesorter 表格排序使用說明

閱讀 2511·2019-08-30 12:53
響應(yīng)式布局----像素密度與viewport

閱讀 3183·2019-08-30 12:44
搞清animation/transtion/transform/translate

閱讀 2712·2019-08-29 16:57
原生js實(shí)現(xiàn)架子鼓特效

閱讀 957·2019-08-29 12:26

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

angular2.0 筆記 - 02

相關(guān)文章

angular2.0 筆記 - 01

GridManager 開源歷程

2017年2月份前端資源分享

2017年2月份前端資源分享

2017年2月份前端資源分享

發(fā)表評論

0條評論

tain335

男|高級講師

TA的文章

「2021.10」ThemeForest主題森林每月限免主題 - Londres / Omnivus

騰訊云輕量云首購特惠：1核2G5M首年50元,可選上海/北京/成都/廣州機(jī)房

VinaHost：越南機(jī)房，到國內(nèi)延時100MS，購買充時長，最高送半年，100Mbps不限流量

Canvas基礎(chǔ)

jQuery插件 tablesorter 表格排序使用說明

響應(yīng)式布局----像素密度與viewport

搞清animation/transtion/transform/translate

原生js實(shí)現(xiàn)架子鼓特效

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

angular2.0 筆記 - 02

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！