angular 2 package.json文件的解釋

Question

我不願意使用angular 2快速入門指南中提供的typescript編譯器，而是使用gulp.js代替。 但是我對angular網站上提供的package.json文件的問題很少：

{
  "name": "angular-starter",
  "version": "1.0.0",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "license": "ISC",
  "dependencies": {
    "angular2": "2.0.0-beta.0",
    "systemjs": "0.19.6",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "zone.js": "0.5.10"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^1.3.1",
    "typescript": "^1.7.3"
  }
}

我敢肯定，像一些事情tsc, tsc:w腳本命令對應的旁邊打字稿devDependency可以安全刪除，但我不知道目的的東西像concurently的依賴，以及dependency於常規部分，可能你們提供所有的詳細信息angular2之后的依賴關系？ 我嘗試在快速啟動指南中查找這些內容，但是沒有運氣，因為它們很短。

Answer 1

concurently是和NPM包，其允許運行多個CLI一次性命令，見線以下的package.json。 concurrent命令來自concurrenlty。 你可以安全地刪除它。

"start": "concurrent \"npm run tsc:w\" \"npm run lite\" "

package.json文件中的dependency部分允許您跟蹤項目依賴性。 在依賴部分中使用這些包的引用允許您使用webpack，browserify等模塊捆綁器。如果新版本引入任何重大更改，它還會將您的項目鏈接到每個包的特定版本。在package.json中包含此部分file允許您刪除要在源代碼管理下的包目錄（node_modules）。 再次安裝這些軟件包讓我們說另一台機器只需要package.json和dependency部分。

對於依賴性部分中的每個包，請搜索npmjs網站以獲取更多詳細信息。

Answer 2

用@ nexus23的答案添加一些要點。 我的回答沒有完成我知道，但是評論它太長了所以發布答案希望這將有助於somene。

Package.json是項目的重要文件，您可以在其中導入項目中使用的依賴項列表。 基本上有三種類型的依賴項

• 依賴
• DevDependency
• peerDependency以獲取更多文檔，請參閱答案。

現在來到這一點即回答這個問題。 我們必須包含的幾個依賴項才能使我們的angular2項目運行。下面列出了它們。

1. angular2 - 是angular2項目的基本文件。 這是我們項目最重要的文件。 （穩定的最新版本是angular2 beta）

2. systemjs - 是通用動態模塊加載器 - 在瀏覽器和NodeJS中加載ES6模塊，AMD，CommonJS和全局腳本。 適用於Traceur和Babel。 我們使用systemjs配置獲取設置baseUrl ， to Import main file等，在我們的主文件即index.html的喜歡以下內容：

   <script> System.config({ baseURL: '<%= APP_BASE %>', paths: {'*': '*.js?v=<%= VERSION %>'}, defaultJSExtensions: true }); </script>