angular 2 package.json文件说明

Question

我不愿意使用angular 2 quick start guide提供的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脚本和typescript devDependency这样的东西是可以安全删除的，但是我不确定像concurently依赖和dependency部分这样的东西的用途，你们能提供更多关于angular2依赖的信息吗？我试着在快速入门指南中沿着尖端查找这些，但没有运气，因为它们非常短。

Answer 1

concurently是一个npm包，它允许一次运行多个命令行界面命令，请参见package.json中的以下行。concurrent命令来自并发。你可以安全地移除它。

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

package.json文件中的dependency部分使您可以跟踪项目依赖关系。在依赖项部分使用这些包的引用允许你使用模块捆绑包，如webpack，browserify等。如果新版本引入了任何破坏性的更改等，它也会保持你的项目链接到这些包的特定版本。在package.json文件中有这一节可以让你删除包目录(node_modules)处于源代码控制之下。假设在另一台机器上再次安装这些包，只需要在其中包含package.json和dependency部分。

对于依赖项部分中的每个包，请搜索npmjs网站以获取更多详细信息。

Answer 2

好的，用@nexus23的答案添加一些要点。我的答案还没有完成，我知道，但评论太长了，所以作为答案张贴希望这将有助于某一天。

Package.json是项目的重要文件，您可以在其中导入您在项目中使用的依赖项列表。基本上有三种类型的依赖关系

有关更多文档，请参阅here in the answers.

• Dependency
• DevDependency
• peerDependency

现在就来回答这个问题吧。下面列出了使我们的angular2项目run.which必须包含的一些依赖项。

1. angular2 --是angular2项目的基本文件。这对我们的项目来说是最重要的文件。(稳定的最新版本是angular2 beta)
2. systemjs --是通用动态模块加载器--在浏览器和NodeJS中加载ES6模块、AMD、CommonJS和全局脚本。同时适用于Traceur和Babel。我们在主文件index.html中使用systemjs Config设置baseUrl、to Import main file等，如下所示：

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