美文网首页我爱编程
angular-cli.json文件apps部分简析

angular-cli.json文件apps部分简析

作者: 胡不归vac | 来源:发表于2017-02-08 14:52 被阅读1609次

注意:题目是简析,所以只介绍常用的基本的配置项,其他的我还没有查清楚,明白以后会逐步更新。
查看利用angular-cli生成工程的配置文件angular-cli.json
只介绍其中的一部分

"apps": [
   {
     "root": "src",
     "outDir": "dist",
     "assets": [
       "assets",
       "favicon.ico"
     ],
     "index": "index.html",
     "main": "main.ts",
     "polyfills": "polyfills.ts",
     "test": "test.ts",
     "tsconfig": "tsconfig.json",
     "prefix": "app",
     "styles": [
       "styles.css"
     ],
     "scripts": [],
     "environments": {
       "source": "environments/environment.ts",
       "dev": "environments/environment.ts",
       "prod": "environments/environment.prod.ts"
     }
   }
 ],
  1. root:指示angular工程的根目录,默认均为src文件夹
  2. outDir: 指示build之后输出的目录,一般均为dist
  3. assets: 指示工程的资源文件和文件夹,build之后会将其复制在dist文件夹下面,一般用来存放图片,音乐等文件,上面的配置就是将assets文件夹和一个图片作为资源存在
  4. index:指示工程唯一的入口.html文件,就是在src文件夹下面的index.html
  5. main:指示引导应用的main文件,即src文件夹下面的main.ts
  6. polyfills:指示工程应用的polyfills.ts文件,在src文件夹下面
  7. tsconfig:指示工程应用的tsconfig文件
  8. prefix: 还没有查,默认即可
  9. environments: 这个指示配置各个环境的文件,如开发环境,生产环境等
    下面两个才是我想介绍的很重要的文件
  10. styles: 这个数组指示全局的样式文件,配合中写的"styles.css"就是在src中的文件,把.css文件写在这个数组中,就可以应用到全局,比如想使用bootstrap.css,就可以这样写:
 "styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css",
"styles.css"
],

当然,实际上并不需要使用bootstrap,因为angular自己有自己的样式模块

  1. 类似于stylesscripts也可以加入一些全局只用的模块,如jQuery
"scripts": [
"../node_modules/jquery/dist/jquery.js",
"../node_modules/bootstrap/dist/js/bootstrap.js"
],

angular在build的时候会把这些文件统一打包。
这样,就不需要在index.html中引入了

PS:有一些配置以我目前的水平和应用,暂时用不上,所以就没有深究,日后如有用到,会再次更新。

相关文章

  • angular-cli.json文件apps部分简析

    注意:题目是简析,所以只介绍常用的基本的配置项,其他的我还没有查清楚,明白以后会逐步更新。查看利用angular-...

  • angular 打包输出多个目录

    在angular-cli.json中,apps是一个数组,本以为可以创建两个app,用不同的输出目录路径,但是结果...

  • angular2-swiper幻灯片模块使用方法

    1、安装模块 2、配置angular-cli.json,样式文件 3、配置app.module.ts 4、模板文件...

  • 从字节码角度剖析Java类文件

    1 Java类文件简析 所谓 Java 类文件,就是通常用 javac 编译器产生的 .class 文件。这些文件...

  • Angular6+ environment配置

    Angular6以往版本自定义environment配置在.angular-cli.json文件中, 1、在.an...

  • 用Pycharm+Django 搭建一个留言板

    Django目录结构 解决项目大了之后app过多问题 新建文件夹 apps 将message文件夹拖入apps文件...

  • Android 文件路径简析

    1、概念 内存: 内存是计算机中重要的部件之一,它是与CPU进行沟通的桥梁。计算机中所有程序的运行都是在内存中进行...

  • 安装

    .angular-cli.json 配置 此时还不行,还需要安装typescript类型描述文件,这样就可以认识j...

  • Charts分析及使用

    1.Charts源码分析 1.1 文件组结构 1.2 ChartView类型图表简析 BarLineChartVi...

  • mybatis-spring解析

    1、概述 原生Mybatis源码简析(上)原生Mybatis源码简析(下)在介绍原生Mybatis源码简析文章中,...

网友评论

    本文标题:angular-cli.json文件apps部分简析

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