.angular-cli.json常见配置说明

最新推荐文章于 2022-11-15 11:58:07 发布

Lobove_code

最新推荐文章于 2022-11-15 11:58:07 发布

阅读量1.6k

点赞数

分类专栏： anguler4

本文链接：https://blog.csdn.net/Lobove_code/article/details/80514997

版权

anguler4 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

.angular-cli.json常见配置说明

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "project": {
        "name": "soft-h"  //项目名称
         "ejected": false // 标记该应用是否已经执行过eject命令把webpack配置释放出来
    },
    "apps": [{
        "root": "src",  //源码根目录
        "outDir": "dist", //编译后的输出目录，默认为dist/
        "assets": [  //记录资源文件夹，构建时复制到`outDir`指定的目录
            "assets",
            "logo.ico"  //网站ico图标
        ],
        "index": "index.html", //指定首页文件，默认值为"index.html"
        "main": "main.ts",  //指定应用的入门文件
        "polyfills": "polyfills.ts", // 指定polyfill文件
        "test": "test.ts",   //指定测试入门文件
        "tsconfig": "tsconfig.app.json",//指定tsconfig文件
        "testTsconfig": "tsconfig.spec.json", // 指定TypeScript单测脚本的tsconfig文件
        "prefix": "app",  //使用ng g 命令时，自动为selector元数据的值添加的前缀名
        "styles": [ //引入全局样式，构建时会打包进来，常用于第三方库引用样式
            "../node_modules/swiper/dist/css/swiper.css",
            "../node_modules/bootstrap/dist/css/bootstrap.css"
        ],
        "scripts": [ // 引入全局脚本，构建时会打包进来，常用语第三方库引入的脚本
            "../node_modules/swiper/dist/js/swiper.js",
            "../node_modules/jquery/dist/jquery.min.js",
            "../node_modules/bootstrap/dist/js/bootstrap.js"
        ],
        "environmentSource": "environments/environment.ts",  //基础环境配置
        "environments": {  //子环境配置文件
            "dev": "environments/environment.ts",
            "prod": "environments/environment.prod.ts"
        }
    }],
    "e2e": {
        "protractor": {
            "config": "./protractor.conf.js"
        }
    },
    "lint": [{
            "project": "src/tsconfig.app.json",
            "exclude": "**/node_modules/**"
        },
        {
            "project": "src/tsconfig.spec.json",
            "exclude": "**/node_modules/**"
        },
        {
            "project": "e2e/tsconfig.e2e.json",
            "exclude": "**/node_modules/**"
        }
    ],
    "test": {
        "karma": {
            "config": "./karma.conf.js"
        }
    },
    "defaults": { //执行  ng g 命令时的一些默认值
       "styleExt": "sass",  //默认生成的样式文件后缀名
       "component": {
         "flat": false, // 生成组件时是否新建文件夹包装组件文件，默认为false（即新建文件夹）
         "spec": true, // 是否生成spec文件，默认为true
         "inlineStyle": false, // 新建时是否使用内联样式，默认为false
         "inlineTemplate": false, // 新建时是否使用内联模板，默认为false
         "viewEncapsulation": "Emulated", // 指定生成的组件的元数据viewEncapsulation的默认值
         "changeDetection": "OnPush", // 指定生成的组件的元数据changeDetection的默认值
       },
       "serve": {
         "port": 4201   //默认端口号
        }
    }
}