注意：題目是簡析，所以只介紹常用的基本的配置項丹允，其他的我還沒有查清楚嘱丢，明白以后會逐步更新。
查看利用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"
}
}
],
-
root:指示angular工程的根目錄澜搅，默認均為src文件夾 -
outDir: 指示build之后輸出的目錄，一般均為dist -
assets: 指示工程的資源文件和文件夾皂冰，build之后會將其復(fù)制在dist文件夾下面店展，一般用來存放圖片，音樂等文件秃流，上面的配置就是將assets文件夾和一個圖片作為資源存在 -
index:指示工程唯一的入口.html文件赂蕴，就是在src文件夾下面的index.html -
main:指示引導(dǎo)應(yīng)用的main文件，即src文件夾下面的main.ts -
polyfills:指示工程應(yīng)用的polyfills.ts文件舶胀，在src文件夾下面 -
tsconfig:指示工程應(yīng)用的tsconfig文件 -
prefix: 還沒有查概说，默認即可 -
environments: 這個指示配置各個環(huán)境的文件，如開發(fā)環(huán)境嚣伐，生產(chǎn)環(huán)境等
下面兩個才是我想介紹的很重要的文件 -
styles: 這個數(shù)組指示全局的樣式文件糖赔，配合中寫的"styles.css"就是在src中的文件，把.css文件寫在這個數(shù)組中轩端，就可以應(yīng)用到全局放典，比如想使用bootstrap.css,就可以這樣寫:
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css",
"styles.css"
],
當然，實際上并不需要使用bootstrap，因為angular自己有自己的樣式模塊
- 類似于
styles奋构，scripts也可以加入一些全局只用的模塊壳影，如jQuery
"scripts": [
"../node_modules/jquery/dist/jquery.js",
"../node_modules/bootstrap/dist/js/bootstrap.js"
],
angular在build的時候會把這些文件統(tǒng)一打包。
這樣弥臼，就不需要在index.html中引入了
PS：有一些配置以我目前的水平和應(yīng)用宴咧，暫時用不上，所以就沒有深究径缅，日后如有用到掺栅，會再次更新。
