typescript 运行 npm start 后自动创建 js 文件答案

【问题标题】：typescript automatically creating js files after running npm starttypescript 运行 npm start 后自动创建 js 文件
【发布时间】：2016-06-10 07:42:51
【问题描述】：

我正在使用 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"
  }
}

【问题讨论】：

你能发布你的 npm 配置吗？如果我们不知道 npm start 实际运行的是什么，就很难知道问题出在哪里。
我添加了 package.json，这就是你要找的
抱歉回复慢。我想我知道问题出在哪里 - 在下面发布了答案。

标签： typescript npm angular

【解决方案1】：

问题很可能与您的 tsconfig.json 有关 - 这是包含您的 TypeScript 构建配置的文件（通常位于您的项目根目录中，在 package.json 旁边）。默认情况下，它只是在原地编译文件，导致您所描述的源文件夹被编译后的 Javascript 文件填满的情况。您需要添加的选项取决于您想要的最终结果：

如果您希望将所有结果文件连接到单个输出文件中：

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

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

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

当然，如果那里已经有tsconfig.json，你会想要添加这些选项，而不是替换整个东西。

有大量选项可用于配置 TypeScript 构建过程 - 如果您想对其进行更多调整，可以找到 info on the wiki，或者如果您需要更多示例，请告诉我，我会编辑他们进入答案。

【讨论】：

我不明白，webpack 不是把所有这些东西都捆绑起来了吗？为什么你还要 TS 捆绑和输出东西？

【解决方案2】：

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

$ npm run lite

这样，TypeScript 文件在启动时不会被再次编译，您将使用之前编译的 JS 文件来执行您的 Angular2 应用程序。

【讨论】：