美文网首页
angular配置

angular配置

作者: 我不傻_cyy | 来源:发表于2019-11-27 14:38 被阅读0次

    工作空间的配置文件用途:
    angular.json:为工作区中的所有项目指定CLI的默认配置,包括CLI要用到的构建、启动开发服务器和测试工具的配置项。
    package.json:配置工作空间中的所有项目可用的npm依赖包。
    package-lock.json:提供npm客户端安装到node_modules的所有软件包的版本信息。
    tsconfig.json:工作空间中各个项目的默认TypeScript配置。
    src/:根目录的源文件

    src下的子文件夹:

    app/:包含应用逻辑和数据的组件文件
    assets/:包含要在构建应用时应该按原样复制的图像和其他的静态资源文件。
    environments/:包含特定目标环境的构建配置选项,默认情况下,有一个无名的标准开发环境和一个生产环境。
    index.html:当有人访问你的站点时,提供服务的主要html页面,cli会在构建应用的时候自动添加所有的js和css文件。
    main.ts:应用的主要切入点,默认用JIT编译器编译应用,然后引导应用的根模块(AppModule)在浏览器中运行。

    应用配置文件

    tsconfig.app.json:应用专属的typescript配置。

    angular.json文件结构

    version:该配置文件的版本
    newProjectRoot:用于创建新工程的位置
    defaultProject:当命令中没有指定参数时,要使用的默认工程名。
    schematics:用于定制ng generate子命令在本工作空间中的默认选项。
    projects:对于工作区中的每个项目都会包含一个子分区,子分区中是每个项目的配置项。

    项目配置选项

    每个项目都有下面的顶级配置属性

    "my-app": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {},
      "architect": {}
    }
    

    其中:
    root:该项目的根文件夹,相对于工作区文件夹的路径。初始应用的值为空,因为它位于工作区的顶层。
    sourceRoot:该项目源文件的根文件夹
    projectType:“application”或者“library”
    prefix:angular所生成的选择器的前缀字符串
    schematics:为该项目自定义ng generate子命令的默认选项
    architect:为项目的各个构建器目标配置默认值。
    architect是指cli用来根据所提供的配置执行复杂任务(如编译和测试运行)的工具。
    architect中配置属性:

    "architect": {
      "build": { },
      "serve": { },
      "e2e" : { },
      "test": { },
      "lint": { },
      "extract-i18n": { },
      "server": { },
      "app-shell": { }
    }
    

    其中
    build:为ng build命令的选项配置默认值
    serve:会覆盖构建默认值,并为ng serve命令提供额外的服务器默认值。除了ng build命令的可用选项外,还增加了与开发服务器有关的选项。
    build中的配置属性:
    builder:用于构建此目标的构建工具的npm包,默认是
    @angular-devkit/build-angular:browser,它使用的是webpack打包器。
    options:包含构架选项的默认值,当没有指定命名的备用配置时使用。
    configurations:定义并命名针对不同目标的备用配置,为每个命名配置都包含一节,用于设置该目标环境的默认选项。默认情况下,会定义一个production配置,ng build命令会使用这个配置下的--prod选项,这里的production配置会设置各种默认值来优化应用,例如打包文件、最小化多余空格等。你可以定义和命名适用于你的开发工程的其他备用配置,例如dev,test。
    具体参考:https://angular.cn/guide/workspace-config#build-configs

    相关文章

      网友评论

          本文标题:angular配置

          本文链接:https://www.haomeiwen.com/subject/skfpwctx.html