package.json 屬性問題

好問題。這個(gè)package.json實(shí)際是編譯之后的結(jié)果，你真正看這個(gè)控件的源碼的時(shí)候，它的源碼的package.json里是沒有這個(gè)metadata的，但是注意看源碼中package.json的最后幾行：

  "$schema": "./node_modules/ng-packagr/package.schema.json",
  "ngPackage": {
    "lib": {
      "entryFile": "src/daterangepicker/index.ts",
      "externals": {
        "moment": "moment"
      },
      "umdModuleIds": {
        "moment": "moment"
      }
    },
    "dest": "dist"
  }

在這里，它暴露了它是用ng-packagr這個(gè)包來進(jìn)行編譯的，再查看上面的scripts部分：

  "build": "ng-packagr -p package.json"

果然，它用了ng-packagr編譯。所以npm里的package.json文件是由ng-packagr生成的，而不是作者手寫的。

那么ng-packagr為什么會(huì)生成這么一個(gè)metadata呢？這就要談到Angular本身的編譯機(jī)制。

Angular的編譯分為JIT和AOT兩種，聽上去特別高大上吧？其實(shí)就是即時(shí)編譯和預(yù)編譯的區(qū)別。正常情況下，你ng build得到的是即時(shí)編譯也就是JIT的結(jié)果，但如果你加個(gè)參數(shù)ng build --aot，你就得到了AOT也就是預(yù)編譯的結(jié)果，這時(shí)候Angular就幫你產(chǎn)生了這個(gè)metadata以及所有附加需要的文件。很顯然，ng-packagr采用了AOT的方式進(jìn)行編譯，所以有了這個(gè)metadata。

至于這個(gè)AOT產(chǎn)生的這個(gè)metadata有什么用，它的作用就是可以讓用戶在二次編譯的時(shí)候節(jié)省時(shí)間。具體細(xì)節(jié)可以通過看咱們SegmentFault上的這篇文章來進(jìn)一步了解。