TypeScript 在运行 npm start 后自动创建 JS 文件

Question

我正在使用typescript创建一个Angular2应用程序，每次运行npm start时，所有的.ts文件都会被编译成javascript文件并放在目录中。有没有办法关闭这个功能? package.json

 {
  "name": "angular-prac",
  "version": "1.0.0",
  "scripts": {
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" ",    
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "typings": "typings",
    "postinstall": "typings install" 
  },
  "license": "ISC",
  "dependencies": {
    "angular2": "2.0.0-beta.7",
    "systemjs": "0.19.22",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.2",
    "zone.js": "0.5.15"
  },
  "devDependencies": {
    "concurrently": "^2.0.0",
    "lite-server": "^2.1.0",
    "typescript": "^1.7.5",
    "typings":"^0.6.8"
  }
}

- xeroshogun

---

你能发布一下你的npm配置吗？如果我们不知道npm start实际运行什么，很难知道问题出在哪里。 - Joe Clay

我添加了 package.json，这是你要找的吗？ - xeroshogun

抱歉回复较慢。我想我知道问题所在了 - 在下面发布了一个答案。 - Joe Clay

Answer 1

问题很可能出在你的`tsconfig.json`文件上 - 这个文件通常位于项目根目录中，与`package.json`文件一起。它包含了你的TypeScript编译配置。默认情况下，它只是在原地编译文件，导致你描述的情况发生，即源文件夹被编译后的Javascript文件填满。你需要添加的选项取决于你想要的最终结果：

如果你希望所有生成的文件都被合并成一个输出文件:

{
    "compilerOptions": {
        "outFile": "./dist/app.js"
    }
}

如果您希望将所有生成的文件输出到单独的文件夹中（但仍然作为单独的文件）：

{
    "compilerOptions": {
        "outDir": "./dist"
    }
}

当然，如果已经有一个 tsconfig.json 文件，你需要添加这些选项而不是替换整个文件。

有大量的选项可用于配置 TypeScript 构建过程 - 如果你想进一步调整它，你可以在 维基页面 找到相关信息，或者如果你需要更多示例，请让我知道，我会将它们编辑到答案中。

- Joe Clay

---

我不明白，webpack不是已经把所有东西都打包好了吗？为什么还需要TS来打包和输出呢？ - PositiveGuy

Answer 2

实际上，在运行“npm run start”命令时，会同时启动TypeScript编译器和lite-server。如果你只想运行HTTP服务器，你可以运行以下命令：

$ npm run lite

这样做可以避免在启动时重新编译TypeScript文件，您将使用先前编译的JS文件来执行Angular2应用程序。

- Thierry Templier