YuShu Hsiao

在Angular 的專案底下有一個檔案:angular-cli.json(舊版)、新版的Angular是修改angular.json 

這個檔案是Angular的設定檔，

裡面有許多預設值，

其中有一個屬性:apps，這個屬性的值是一個陣列，裡面包含了一個物件，

如下圖(舊版)

"apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css"
      ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],

屬性"assets" ，assets 是資產的意思(新版資料結構有點不同、但是一樣找assets)

新版資料結構有點不同、但是一樣找assets

今天如果我要引用其他人開發好的網頁(html)，或是其他css、字形、等靜態檔案，就需要將這些名稱加入到這個屬性之內

EX:我再專案內新增了一個folder:api ，以及一個網頁blog-index.html

assets的屬性要改為

 "assets": [
        "api",
        "blog-index.html",
        "assets",
        "favicon.ico"
      ],

修改完成後，存檔

PS，最重要的是:只要有修改設定檔的資料，就一定要重新啟動ng serve

設定的參數才會生效!

加入到assets後的檔案，未來發行(ng build 、 ng build --prod )的時候，才會將這些內容打包到發行後的Folder dist 內

如果有開發時候用的檔案，但是上線後不用，記得從assets這個屬性內移除