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>